{"id":4426,"date":"2024-07-11T08:08:09","date_gmt":"2024-07-11T08:08:09","guid":{"rendered":"https:\/\/warren.qodeinteractive.com\/?page_id=4426"},"modified":"2026-09-24T14:05:45","modified_gmt":"2026-09-24T14:05:45","slug":"o-meni","status":"publish","type":"page","link":"https:\/\/svetlanabrkic.rs\/index.php\/o-meni\/","title":{"rendered":"O meni"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4426\" class=\"elementor elementor-4426\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cde6ac e-con e-atomic-element e-flexbox-base e-default-div e-0520d4a \" data-id=\"2cde6ac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2cde6ac\">\n    \t\t<div class=\"elementor-element elementor-element-314f319 elementor-widget elementor-widget-html\" data-id=\"314f319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 O MENI\r\n   SEKCIJA 1 \/ HERO\r\n   ========================================================= *\/\r\n\r\n.sb-about-hero,\r\n.sb-about-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-about-hero {\r\n    --sb-green: #445236;\r\n    --sb-rust: #b05330;\r\n    --sb-cream: #f5f1e5;\r\n    --sb-soft-cream: #fdfbf5;\r\n    --sb-text: #445236;\r\n\r\n    width: 100%;\r\n    background: var(--sb-cream);\r\n    overflow: hidden;\r\n}\r\n\r\n.sb-about-hero__inner {\r\n    width: 100%;\r\n    min-height: 780px;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.04fr) minmax(430px, 0.96fr);\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================\r\n   LEVA STRANA \u2014 TEKST\r\n   ========================= *\/\r\n\r\n.sb-about-hero__content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n\r\n    padding:\r\n        clamp(80px, 8vw, 140px)\r\n        clamp(48px, 7vw, 125px);\r\n\r\n    background: var(--sb-cream);\r\n}\r\n\r\n.sb-about-hero__content-inner {\r\n    width: 100%;\r\n    max-width: 720px;\r\n}\r\n\r\n\r\n\/* mala akcentna linija *\/\r\n\r\n.sb-about-hero__accent {\r\n    display: block;\r\n\r\n    width: 54px;\r\n    height: 2px;\r\n\r\n    margin: 0 0 28px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* H1 *\/\r\n\r\n.sb-about-hero__title {\r\n    margin: 0;\r\n\r\n    color: var(--sb-green);\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(48px, 4.7vw, 76px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n    letter-spacing: -0.025em;\r\n\r\n    max-width: 720px;\r\n}\r\n\r\n\r\n\/* TEKST *\/\r\n\r\n.sb-about-hero__text {\r\n    max-width: 620px;\r\n\r\n    margin: 34px 0 0;\r\n\r\n    color: var(--sb-text);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.65;\r\n    letter-spacing: 0;\r\n}\r\n\r\n.sb-about-hero__text p {\r\n    margin: 0;\r\n}\r\n\r\n.sb-about-hero__text p + p {\r\n    margin-top: 8px;\r\n}\r\n\r\n\r\n\/* CTA *\/\r\n\r\n.sb-about-hero__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n\r\n    margin-top: 38px;\r\n\r\n    min-height: 48px;\r\n\r\n    padding: 14px 25px;\r\n\r\n    border: 1px solid var(--sb-green);\r\n\r\n    background: var(--sb-green);\r\n    color: var(--sb-soft-cream);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        background-color 0.3s ease,\r\n        border-color 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.sb-about-hero__cta::after {\r\n    content: \"\u2192\";\r\n\r\n    display: inline-block;\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sb-about-hero__cta:hover {\r\n    background: var(--sb-rust);\r\n    border-color: var(--sb-rust);\r\n    color: var(--sb-soft-cream);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.sb-about-hero__cta:hover::after {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   DESNA STRANA \u2014 FOTOGRAFIJA\r\n   ========================= *\/\r\n\r\n.sb-about-hero__visual {\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n    min-height: 780px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ebe5d3;\r\n}\r\n\r\n.sb-about-hero__visual::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(245, 241, 229, 0.18) 0%,\r\n            rgba(245, 241, 229, 0.03) 20%,\r\n            rgba(68, 82, 54, 0.02) 100%\r\n        );\r\n}\r\n\r\n.sb-about-hero__image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 780px;\r\n\r\n    object-fit: cover;\r\n    object-position: 52% 53%;\r\n}\r\n\r\n\r\n\/* suptilan detalj izme\u0111u teksta i fotografije *\/\r\n\r\n.sb-about-hero__visual::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    top: 10%;\r\n    bottom: 10%;\r\n\r\n    width: 1px;\r\n\r\n    z-index: 2;\r\n\r\n    background: rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-about-hero__inner {\r\n        min-height: 680px;\r\n        grid-template-columns: 54% 46%;\r\n    }\r\n\r\n    .sb-about-hero__content {\r\n        padding:\r\n            80px\r\n            clamp(36px, 5vw, 70px);\r\n    }\r\n\r\n    .sb-about-hero__title {\r\n        font-size: clamp(45px, 5.4vw, 64px);\r\n    }\r\n\r\n    .sb-about-hero__visual,\r\n    .sb-about-hero__image {\r\n        min-height: 680px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-about-hero__inner {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n    .sb-about-hero__content {\r\n        order: 1;\r\n\r\n        padding:\r\n            72px\r\n            24px\r\n            58px;\r\n    }\r\n\r\n    .sb-about-hero__content-inner {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-about-hero__accent {\r\n        width: 42px;\r\n\r\n        margin-bottom: 23px;\r\n    }\r\n\r\n    .sb-about-hero__title {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(43px, 13vw, 58px);\r\n\r\n        line-height: 0.98;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .sb-about-hero__text {\r\n        margin-top: 28px;\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .sb-about-hero__cta {\r\n        margin-top: 30px;\r\n\r\n        min-height: 46px;\r\n\r\n        padding: 13px 21px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n    .sb-about-hero__visual {\r\n        order: 2;\r\n\r\n        width: 100%;\r\n\r\n        min-height: 0;\r\n        height: 570px;\r\n    }\r\n\r\n    .sb-about-hero__image {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        min-height: 0;\r\n\r\n        object-position: 50% 51%;\r\n    }\r\n\r\n    .sb-about-hero__visual::after {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANJI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-about-hero__content {\r\n        padding:\r\n            62px\r\n            20px\r\n            48px;\r\n    }\r\n\r\n    .sb-about-hero__title {\r\n        font-size: clamp(41px, 12.5vw, 52px);\r\n    }\r\n\r\n    .sb-about-hero__text {\r\n        font-size: 15.5px;\r\n    }\r\n\r\n    .sb-about-hero__visual {\r\n        height: 500px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-about-hero\">\r\n\r\n    <div class=\"sb-about-hero__inner\">\r\n\r\n        <!-- TEKST -->\r\n        <div class=\"sb-about-hero__content\">\r\n\r\n            <div class=\"sb-about-hero__content-inner\">\r\n\r\n                <span class=\"sb-about-hero__accent\"><\/span>\r\n\r\n                <h1 class=\"sb-about-hero__title\">\r\n                    Vizuelno izra\u017eavanje je oduvek bilo moj jezik. Veliki deo mog sveta je i arhitektura.\r\n                <\/h1>\r\n\r\n                <div class=\"sb-about-hero__text\">\r\n\r\n                    <p>\r\n                        Ja sam Svetlana Brki\u0107, arhitekta i osniva\u010d arhitektonskog biroa SB Project-a.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Vi\u0161e od osamnaest godina profesionalnog iskustva u arhitekturi i vi\u0161e od decenije li\u010dnog rada doveli su me do pristupa u kojem prostor vi\u0161e ne posmatram odvojeno od autenti\u010dnosti i unutra\u0161nje esencije osobe koja u njemu \u017eivi.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <a\r\n                    class=\"sb-about-hero__cta\"\r\n                    href=\"#moj-pristup\"\r\n                >\r\n                    Upoznaj moj pristup\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FOTOGRAFIJA -->\r\n        <div class=\"sb-about-hero__visual\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"sb-about-hero__image\"\r\n                src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0524-scaled.jpg\"\r\n                alt=\"Svetlana Brki\u0107\"\r\n                loading=\"eager\"\r\n                fetchpriority=\"high\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-36e6c64 e-con e-atomic-element e-flexbox-base e-default-div e-cbd79ff \" data-id=\"36e6c64\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"36e6c64\">\n    \t\t<div class=\"elementor-element elementor-element-07f1bce elementor-widget elementor-widget-html\" data-id=\"07f1bce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 O MENI\r\n   SEKCIJA 2 \u2014 ARHITEKTURA JE BILA MOJ PO\u010cETAK\r\n   ========================================================= *\/\r\n\r\n.sb-story,\r\n.sb-story * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-story {\r\n    --green: #445236;\r\n    --moss: #5b6b4a;\r\n    --rust: #b05330;\r\n    --cream: #f5f1e5;\r\n    --soft: #fdfbf5;\r\n    --sand: #ebe5d3;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNI 50 \/ 50 RASPORED\r\n   ========================================================= *\/\r\n\r\n.sb-story__grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    width: 100%;\r\n    min-height: 860px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAJEDNI\u010cKO ZA OBE STRANE\r\n   ========================================================= *\/\r\n\r\n.sb-story__side {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        clamp(90px, 8vw, 145px)\r\n        clamp(48px, 7vw, 115px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-story__left {\r\n    background: var(--cream);\r\n    color: var(--green);\r\n}\r\n\r\n.sb-story__left-inner {\r\n    width: 100%;\r\n    max-width: 660px;\r\n\r\n    margin-left: auto;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.sb-story__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1.2;\r\n\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n.sb-story__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n\/* NASLOV *\/\r\n\r\n.sb-story__title {\r\n    margin: 0;\r\n\r\n    max-width: 620px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(49px, 4.8vw, 74px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* UVODNI TEKST *\/\r\n\r\n.sb-story__intro {\r\n    margin-top: 42px;\r\n\r\n    max-width: 610px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16.5px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n.sb-story__intro p {\r\n    margin: 0 0 18px;\r\n}\r\n\r\n.sb-story__intro p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.sb-story__intro strong {\r\n    font-weight: 600;\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GODINE\r\n   ========================================================= *\/\r\n\r\n.sb-story__years {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 16px;\r\n\r\n    margin-top: 46px;\r\n\r\n    padding-top: 28px;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.20);\r\n}\r\n\r\n.sb-story__year {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n}\r\n\r\n.sb-story__year-number {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n.sb-story__year-label {\r\n    max-width: 180px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1.45;\r\n\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(68, 82, 54, 0.68);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-story__right {\r\n    background: var(--green);\r\n    color: var(--cream);\r\n}\r\n\r\n.sb-story__right-inner {\r\n    width: 100%;\r\n    max-width: 660px;\r\n\r\n    margin-right: auto;\r\n}\r\n\r\n\r\n\/* MALI NASLOV DESNO *\/\r\n\r\n.sb-story__chapter {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    margin-bottom: 29px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #e8b86d;\r\n}\r\n\r\n.sb-story__chapter-number {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    border: 1px solid rgba(232, 184, 109, 0.55);\r\n    border-radius: 50%;\r\n\r\n    font-size: 10px;\r\n\r\n    color: #e8b86d;\r\n}\r\n\r\n\r\n\/* PRVI PASUS *\/\r\n\r\n.sb-story__right-text {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16.5px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: rgba(245, 241, 229, 0.92);\r\n}\r\n\r\n.sb-story__right-text p {\r\n    margin: 0 0 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTRALNA MISAO\r\n   ========================================================= *\/\r\n\r\n.sb-story__turn {\r\n    position: relative;\r\n\r\n    margin: 43px 0 34px;\r\n    padding:\r\n        31px\r\n        0\r\n        32px;\r\n\r\n    border-top: 1px solid rgba(245, 241, 229, 0.22);\r\n    border-bottom: 1px solid rgba(245, 241, 229, 0.22);\r\n}\r\n\r\n.sb-story__turn-text {\r\n    margin: 0;\r\n\r\n    max-width: 610px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(21px, 1.8vw, 27px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1.45;\r\n\r\n    letter-spacing: -0.012em;\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n.sb-story__turn-text span {\r\n    color: #e8b86d;\r\n}\r\n\r\n\r\n\/* KRATKA RE\u010cENICA *\/\r\n\r\n.sb-story__pause {\r\n    margin: 0 0 21px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(31px, 3vw, 44px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    color: #e8b86d;\r\n}\r\n\r\n\r\n\/* ZAVR\u0160ETAK *\/\r\n\r\n.sb-story__ending {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: rgba(245, 241, 229, 0.92);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUPTILAN DEKORATIVNI DETALJ\r\n   ========================================================= *\/\r\n\r\n.sb-story__right::after {\r\n    content: \"SB\";\r\n\r\n    position: absolute;\r\n    right: 28px;\r\n    bottom: -27px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: 155px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    color: rgba(245, 241, 229, 0.035);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-story__grid {\r\n        min-height: 760px;\r\n    }\r\n\r\n    .sb-story__side {\r\n        padding:\r\n            85px\r\n            48px;\r\n    }\r\n\r\n    .sb-story__title {\r\n        font-size: clamp(46px, 5vw, 61px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILNI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-story__grid {\r\n        display: block;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n    .sb-story__side {\r\n        padding:\r\n            72px\r\n            24px;\r\n    }\r\n\r\n    .sb-story__left-inner,\r\n    .sb-story__right-inner {\r\n        max-width: 100%;\r\n        margin: 0;\r\n    }\r\n\r\n    .sb-story__title {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(42px, 12vw, 55px);\r\n        line-height: 0.99;\r\n    }\r\n\r\n    .sb-story__intro {\r\n        margin-top: 34px;\r\n\r\n        font-size: 15.8px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .sb-story__years {\r\n        margin-top: 36px;\r\n        padding-top: 24px;\r\n    }\r\n\r\n    .sb-story__year-number {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .sb-story__year-label {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .sb-story__right {\r\n        padding-top: 68px;\r\n        padding-bottom: 74px;\r\n    }\r\n\r\n    .sb-story__right-text,\r\n    .sb-story__ending {\r\n        font-size: 15.8px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .sb-story__turn {\r\n        margin:\r\n            34px\r\n            0\r\n            30px;\r\n\r\n        padding:\r\n            27px\r\n            0;\r\n    }\r\n\r\n    .sb-story__turn-text {\r\n        font-size: 20px;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .sb-story__pause {\r\n        font-size: 35px;\r\n    }\r\n\r\n    .sb-story__right::after {\r\n        font-size: 110px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANJI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-story__side {\r\n        padding:\r\n            62px\r\n            20px;\r\n    }\r\n\r\n    .sb-story__title {\r\n        font-size: clamp(40px, 12.5vw, 50px);\r\n    }\r\n\r\n    .sb-story__years {\r\n        gap: 12px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-story\">\r\n\r\n    <div class=\"sb-story__grid\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEVA POLOVINA\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-story__side sb-story__left\">\r\n\r\n            <div class=\"sb-story__left-inner\">\r\n\r\n                <div class=\"sb-story__eyebrow\">\r\n                    Arhitektura je bila moj po\u010detak\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-story__title\">\r\n                    Prvo sam nau\u010dila da projektujem prostor. Onda sam po\u010dela da se pitam \u0161ta taj prostor budi u meni i drugima.\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"sb-story__intro\">\r\n\r\n                    <p>\r\n                        Zavr\u0161ila sam srednju arhitektonsku \u0161kolu, a zatim i Arhitektonski fakultet u Beogradu 2008. godine.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Ve\u0107 2009. osnovala sam arhitektonski projektni biro <strong>SB Project<\/strong>, koji se bavi izradom kompletne projektne dokumentacije za izgradnju stambenih i poslovnih objekata, rekonstrukcije i ure\u0111enje enterijera svih namena.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Arhitektura je, dakle, moja profesija mnogo pre nego \u0161to je postala deo ove pri\u010de.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-story__years\">\r\n\r\n                    <div class=\"sb-story__year\">\r\n\r\n                        <span class=\"sb-story__year-number\">\r\n                            2008.\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-story__year-label\">\r\n                            Arhitektonski fakultet u Beogradu\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-story__year\">\r\n\r\n                        <span class=\"sb-story__year-number\">\r\n                            2009.\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-story__year-label\">\r\n                            Osnivanje arhitektonskog biroa SB Project\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             DESNA POLOVINA\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-story__side sb-story__right\">\r\n\r\n            <div class=\"sb-story__right-inner\">\r\n\r\n                <div class=\"sb-story__chapter\">\r\n\r\n                    <span class=\"sb-story__chapter-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    Od profesije ka dubljem pitanju\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-story__right-text\">\r\n\r\n                    <p>\r\n                        Poznajem tehni\u010dku stranu prostora. Znam \u0161ta zna\u010di odgovornost projekta, funkcije, konstrukcije, dokumentacije i hiljade malih odluka koje stoje iza onoga \u0161to na kraju vidimo.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-story__turn\">\r\n\r\n                    <p class=\"sb-story__turn-text\">\r\n                        Ali tokom godina rada sve jasnije sam ose\u0107ala da mi ne\u0161to nedostaje.\r\n                        <span>Ose\u0107ala sam prazninu. Nedovoljnost.<\/span>\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <p class=\"sb-story__pause\">\r\n                    Ne u arhitekturi kao disciplini.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"sb-story__ending\">\r\n                    Ve\u0107 u na\u010dinu na koji o prostoru \u010desto govorimo i kako ga tretiramo. Mi kreiramo prostor, a za uzvrat on sna\u017eno uti\u010de na nas, na\u0161 do\u017eivljaj ljubavi, ne\u017enosti, pripadnosti, lepote, sigurnosti, mira i balansa.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-76d1d28 e-con e-atomic-element e-flexbox-base e-default-div e-6055edc \" data-id=\"76d1d28\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"76d1d28\">\n    \t\t<div class=\"elementor-element elementor-element-b285fe3 elementor-widget elementor-widget-html\" data-id=\"b285fe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 O MENI\r\n   SEKCIJA 3 \u2014 GDE JE TU \u010cOVEK?\r\n   EDITORIAL LAYOUT\r\n   ========================================================= *\/\r\n\r\n.sb-human-v2,\r\n.sb-human-v2 * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-human-v2 {\r\n    --green: #445236;\r\n    --moss: #5b6b4a;\r\n    --rust: #b05330;\r\n    --cream: #f5f1e5;\r\n    --sand: #ebe5d3;\r\n    --soft: #fdfbf5;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    background: var(--cream);\r\n    color: var(--green);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* velika tipografska pozadina *\/\r\n\r\n.sb-human-v2::before {\r\n    content: \"\u010cOVEK\";\r\n\r\n    position: absolute;\r\n    left: -18px;\r\n    bottom: -65px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(140px, 17vw, 290px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.8;\r\n    letter-spacing: -0.045em;\r\n\r\n    color: rgba(68, 82, 54, 0.035);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNI WRAPPER\r\n   ========================================================= *\/\r\n\r\n.sb-human-v2__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1380px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(0, 1.08fr)\r\n        minmax(390px, 0.92fr);\r\n\r\n    column-gap: clamp(65px, 7vw, 125px);\r\n\r\n    align-items: center;\r\n\r\n    padding:\r\n        clamp(110px, 10vw, 165px)\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-human-v2__content {\r\n    max-width: 720px;\r\n}\r\n\r\n\r\n\/* eyebrow *\/\r\n\r\n.sb-human-v2__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n.sb-human-v2__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n\/* naslov *\/\r\n\r\n.sb-human-v2__title {\r\n    margin: 0;\r\n\r\n    max-width: 700px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(50px, 4.8vw, 74px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.97;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* uvodni pasus *\/\r\n\r\n.sb-human-v2__lead {\r\n    max-width: 640px;\r\n\r\n    margin: 37px 0 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PITANJA\r\n   ========================================================= *\/\r\n\r\n.sb-human-v2__questions {\r\n    max-width: 670px;\r\n\r\n    margin-top: 43px;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.20);\r\n}\r\n\r\n.sb-human-v2__question {\r\n    display: grid;\r\n    grid-template-columns: 46px 1fr;\r\n\r\n    column-gap: 19px;\r\n\r\n    padding:\r\n        21px\r\n        0\r\n        22px;\r\n\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.20);\r\n}\r\n\r\n.sb-human-v2__number {\r\n    padding-top: 2px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: 0.08em;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n.sb-human-v2__question p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.62;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA \u2014 FOTOGRAFIJA\r\n   ========================================================= *\/\r\n\r\n.sb-human-v2__visual {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding-bottom: 62px;\r\n}\r\n\r\n\r\n\/* mali dekorativni rust detalj *\/\r\n\r\n.sb-human-v2__visual::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: -1;\r\n\r\n    top: -26px;\r\n    right: -26px;\r\n\r\n    width: 56%;\r\n    height: 60%;\r\n\r\n    background: rgba(176, 83, 48, 0.10);\r\n}\r\n\r\n\r\n\/* FOTOGRAFIJA:\r\n   VA\u017dNO \u2014 NE RASTE\u017dEMO JE PO VISINI SEKCIJE\r\n   VE\u0106 JOJ DAJEMO PRIRODAN VERTIKALNI FORMAT\r\n*\/\r\n\r\n.sb-human-v2__image-frame {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    aspect-ratio: 2 \/ 3;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--sand);\r\n}\r\n\r\n.sb-human-v2__image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    \/*\r\n       Originalna fotografija ve\u0107 ima odli\u010dan vertikalni kadar.\r\n       Svetlanu dr\u017eimo ni\u017ee u kadru, bez agresivnog se\u010denja.\r\n    *\/\r\n    object-position: 50% 50%;\r\n}\r\n\r\n\r\n\/* veoma blag overlay *\/\r\n\r\n.sb-human-v2__image-frame::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(68,82,54,0) 55%,\r\n            rgba(68,82,54,0.08) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PREKLOPLJENI ZAVR\u0160NI BLOK\r\n   ========================================================= *\/\r\n\r\n.sb-human-v2__closing {\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    left: -56px;\r\n    right: 28px;\r\n    bottom: 0;\r\n\r\n    padding:\r\n        27px\r\n        30px\r\n        29px;\r\n\r\n    background: var(--green);\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n.sb-human-v2__closing::before {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    background: #e8b86d;\r\n}\r\n\r\n.sb-human-v2__closing-small {\r\n    margin: 0 0 8px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: 0.04em;\r\n\r\n    color: rgba(245, 241, 229, 0.78);\r\n}\r\n\r\n.sb-human-v2__closing-main {\r\n    margin: 0;\r\n\r\n    max-width: 430px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(31px, 2.6vw, 43px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1.02;\r\n\r\n    letter-spacing: -0.015em;\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-human-v2__inner {\r\n        width: min(100% - 64px, 1180px);\r\n\r\n        grid-template-columns:\r\n            minmax(0, 1.05fr)\r\n            minmax(340px, 0.95fr);\r\n\r\n        column-gap: 55px;\r\n\r\n        padding:\r\n            100px\r\n            0;\r\n    }\r\n\r\n    .sb-human-v2__title {\r\n        font-size: clamp(46px, 5vw, 61px);\r\n    }\r\n\r\n    .sb-human-v2__closing {\r\n        left: -35px;\r\n        right: 20px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-human-v2::before {\r\n        display: none;\r\n    }\r\n\r\n    .sb-human-v2__inner {\r\n        width: 100%;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        padding:\r\n            76px\r\n            24px\r\n            82px;\r\n    }\r\n\r\n    .sb-human-v2__content {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-human-v2__eyebrow {\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 10.5px;\r\n    }\r\n\r\n    .sb-human-v2__eyebrow::before {\r\n        width: 30px;\r\n    }\r\n\r\n    .sb-human-v2__title {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(42px, 12vw, 55px);\r\n\r\n        line-height: 0.99;\r\n    }\r\n\r\n    .sb-human-v2__lead {\r\n        margin-top: 28px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .sb-human-v2__questions {\r\n        margin-top: 34px;\r\n    }\r\n\r\n    .sb-human-v2__question {\r\n        grid-template-columns: 34px 1fr;\r\n\r\n        column-gap: 12px;\r\n\r\n        padding:\r\n            18px\r\n            0;\r\n    }\r\n\r\n    .sb-human-v2__question p {\r\n        font-size: 15.5px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .sb-human-v2__visual {\r\n        width: 100%;\r\n\r\n        margin-top: 54px;\r\n        padding-bottom: 58px;\r\n    }\r\n\r\n    .sb-human-v2__visual::before {\r\n        top: -18px;\r\n        right: -12px;\r\n\r\n        width: 58%;\r\n    }\r\n\r\n    .sb-human-v2__image-frame {\r\n        \/*\r\n           Na telefonu fotografija ostaje dovoljno visoka,\r\n           ali se NE razvla\u010di prema tekstualnoj koloni.\r\n        *\/\r\n        aspect-ratio: 4 \/ 5;\r\n    }\r\n\r\n    .sb-human-v2__image {\r\n        \/*\r\n           Mobilni crop je malo vi\u0161e usmeren na Svetlanu.\r\n        *\/\r\n        object-position: 50% 56%;\r\n    }\r\n\r\n    .sb-human-v2__closing {\r\n        left: 18px;\r\n        right: -8px;\r\n        bottom: 0;\r\n\r\n        padding:\r\n            23px\r\n            22px\r\n            24px;\r\n    }\r\n\r\n    .sb-human-v2__closing-main {\r\n        font-size: 31px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANJI TELEFON\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-human-v2__inner {\r\n        padding:\r\n            66px\r\n            20px\r\n            72px;\r\n    }\r\n\r\n    .sb-human-v2__title {\r\n        font-size: clamp(40px, 12.5vw, 50px);\r\n    }\r\n\r\n    .sb-human-v2__lead {\r\n        font-size: 15.5px;\r\n    }\r\n\r\n    .sb-human-v2__question {\r\n        grid-template-columns: 30px 1fr;\r\n    }\r\n\r\n    .sb-human-v2__question p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .sb-human-v2__image-frame {\r\n        aspect-ratio: 4 \/ 5.3;\r\n    }\r\n\r\n    .sb-human-v2__closing {\r\n        left: 14px;\r\n        right: -4px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-human-v2\">\r\n\r\n    <div class=\"sb-human-v2__inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEVO \u2014 PRI\u010cA\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-human-v2__content\">\r\n\r\n            <div class=\"sb-human-v2__eyebrow\">\r\n                Gde je tu \u010dovek?\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"sb-human-v2__title\">\r\n                Nije mi dovoljno da je prostor samo funkcionalan, tehni\u010dki ispravan i lep.\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"sb-human-v2__lead\">\r\n                Zanima me za\u0161to se u nekom prostoru \u010dovek oseti \"kao kod ku\u0107e\" \u010dim kro\u010di u njega, dok u drugom, uprkos skupom enterijeru, oseti da mu prostor crpi energiju.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"sb-human-v2__questions\">\r\n\r\n                <div class=\"sb-human-v2__question\">\r\n\r\n                    <span class=\"sb-human-v2__number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        Zanima me za\u0161to dve osobe, pogotovo u partnerskom odnosu, mogu \u017eeleti potpuno razli\u010dite stvari od iste prostorije.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-human-v2__question\">\r\n\r\n                    <span class=\"sb-human-v2__number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        Za\u0161to jedan trend nekome savr\u0161eno odgovara, a drugom oduzima ose\u0107aj doma.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-human-v2__question\">\r\n\r\n                    <span class=\"sb-human-v2__number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        I gde su u projektovanju prostora emocije, \u017eivotne vrednosti, intuicija, unutra\u0161nji ritam i ose\u0107aj pripadanja korisnika.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             DESNO \u2014 FOTOGRAFIJA\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-human-v2__visual\">\r\n\r\n            <div class=\"sb-human-v2__image-frame\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"sb-human-v2__image\"\r\n                    src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0683-scaled.jpg\"\r\n                    alt=\"Svetlana Brki\u0107\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- zavr\u0161na misao -->\r\n\r\n            <div class=\"sb-human-v2__closing\">\r\n\r\n                <p class=\"sb-human-v2__closing-small\">\r\n                    Ta pitanja nisu nastala preko no\u0107i.\r\n                <\/p>\r\n\r\n                <p class=\"sb-human-v2__closing-main\">\r\n                    Nastajala su paralelno sa mojim sopstvenim razvojem.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6f0314a e-con e-atomic-element e-flexbox-base e-default-div e-5646a5b \" data-id=\"6f0314a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6f0314a\">\n    \t\t<div class=\"elementor-element elementor-element-4131667 elementor-widget elementor-widget-html\" data-id=\"4131667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 O MENI\r\n   MOJ LI\u010cNI PUT + MOJE PAR\u010cE RAJA\r\n   PREMIUM EDITORIAL STORY SLIDER\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider,\r\n.sb-story-slider * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-story-slider {\r\n    --green: #445236;\r\n    --moss: #5b6b4a;\r\n    --rust: #b05330;\r\n    --cream: #f5f1e5;\r\n    --soft: #fdfbf5;\r\n    --sand: #ebe5d3;\r\n    --gold: #e8b86d;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: var(--green);\r\n\r\n    padding:\r\n        clamp(90px, 8vw, 130px)\r\n        0\r\n        clamp(100px, 9vw, 145px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__outer {\r\n    width: min(1480px, calc(100% - 72px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GORNJI DEO\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n\r\n    gap: 40px;\r\n\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\r\n.sb-story-slider__top-left {\r\n    max-width: 670px;\r\n}\r\n\r\n\r\n.sb-story-slider__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n.sb-story-slider__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 36px;\r\n    height: 1px;\r\n\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n.sb-story-slider__master-title {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(44px, 4.5vw, 67px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.97;\r\n    letter-spacing: -0.022em;\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABOVI\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__tabs {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n.sb-story-slider__tab {\r\n    appearance: none;\r\n\r\n    border: 0;\r\n    border-bottom: 1px solid rgba(245, 241, 229, 0.24);\r\n\r\n    padding:\r\n        12px\r\n        16px;\r\n\r\n    background: transparent;\r\n\r\n    color: rgba(245, 241, 229, 0.55);\r\n\r\n    cursor: pointer;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        color .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n.sb-story-slider__tab:hover {\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n.sb-story-slider__tab.is-active {\r\n    color: var(--gold);\r\n    border-bottom-color: var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__viewport {\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__track {\r\n    display: flex;\r\n\r\n    width: 200%;\r\n\r\n    transform: translateX(0);\r\n\r\n    transition:\r\n        transform .75s cubic-bezier(.22, .75, .18, 1);\r\n}\r\n\r\n\r\n.sb-story-slider[data-slide=\"2\"] .sb-story-slider__track {\r\n    transform: translateX(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JEDAN SLIDE\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__slide {\r\n    position: relative;\r\n\r\n    width: 50%;\r\n    flex: 0 0 50%;\r\n\r\n    min-height: 850px;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE 01\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__slide--one {\r\n    background: var(--cream);\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE 02\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__slide--two {\r\n    background: var(--moss);\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTOGRAFIJE \u2014 APSOLUTNO OD VRHA DO DNA\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__photo {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 43%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--sand);\r\n}\r\n\r\n\r\n\/* slide 1 \u2014 levo *\/\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__photo {\r\n    left: 0;\r\n}\r\n\r\n\r\n\/* slide 2 \u2014 desno *\/\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__photo {\r\n    right: 0;\r\n}\r\n\r\n\r\n.sb-story-slider__photo img {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 1.2s cubic-bezier(.22,.7,.2,1);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__photo img {\r\n    object-position: 50% 50%;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__photo img {\r\n    object-position: 50% 51%;\r\n}\r\n\r\n\r\n.sb-story-slider__slide:hover .sb-story-slider__photo img {\r\n    transform: scale(1.018);\r\n}\r\n\r\n\r\n\/* suptilan overlay *\/\r\n\r\n.sb-story-slider__photo::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(68,82,54,0) 45%,\r\n            rgba(68,82,54,0.20) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VELIKI BROJ PREKO FOTOGRAFIJE\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__number {\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    top: 28px;\r\n    left: 30px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(70px, 7vw, 104px);\r\n    font-weight: 400;\r\n\r\n    line-height: 0.8;\r\n\r\n    color: rgba(245, 241, 229, 0.92);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTO LABEL\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__photo-caption {\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    left: 31px;\r\n    bottom: 28px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.88);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SADR\u017dAJ\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__content {\r\n    position: relative;\r\n\r\n    min-height: 850px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* slide 1 *\/\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__content {\r\n    margin-left: 43%;\r\n\r\n    padding:\r\n        clamp(62px, 6vw, 94px)\r\n        clamp(50px, 6vw, 90px);\r\n}\r\n\r\n\r\n\/* slide 2 *\/\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__content {\r\n    margin-right: 43%;\r\n\r\n    padding:\r\n        clamp(62px, 6vw, 94px)\r\n        clamp(50px, 6vw, 90px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__label {\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__label {\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n.sb-story-slider__label::before {\r\n    content: \"\";\r\n\r\n    width: 31px;\r\n    height: 1px;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__label::before {\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__label::before {\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__title {\r\n    margin: 0;\r\n\r\n    max-width: 790px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(44px, 4vw, 64px);\r\n    font-weight: 400;\r\n\r\n    line-height: .99;\r\n    letter-spacing: -.022em;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__title {\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__title {\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY \u2014 2 KOLONE\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__body {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap:\r\n        0\r\n        clamp(30px, 3vw, 48px);\r\n\r\n    margin-top: 37px;\r\n}\r\n\r\n\r\n.sb-story-slider__col {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15.6px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.68;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__col {\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__col {\r\n    color: rgba(245,241,229,0.90);\r\n}\r\n\r\n\r\n.sb-story-slider__col p {\r\n    margin: 0 0 15px;\r\n}\r\n\r\n\r\n.sb-story-slider__col p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n.sb-story-slider__col strong {\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__col strong {\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__col strong {\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KLJU\u010cNA MISAO\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__statement {\r\n    position: relative;\r\n\r\n    margin-top: 32px;\r\n\r\n    padding:\r\n        23px\r\n        27px\r\n        25px;\r\n\r\n    border-left: 2px solid;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__statement {\r\n    background: rgba(235,229,211,0.72);\r\n    border-left-color: var(--rust);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__statement {\r\n    background: rgba(245,241,229,0.08);\r\n    border-left-color: var(--gold);\r\n}\r\n\r\n\r\n.sb-story-slider__statement p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16.5px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.62;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__statement p {\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__statement p {\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n.sb-story-slider__statement strong {\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.sb-story-slider__slide--one .sb-story-slider__statement strong {\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-story-slider__slide--two .sb-story-slider__statement strong {\r\n    color: var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGACIJA\r\n   ========================================================= *\/\r\n\r\n.sb-story-slider__nav {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 25px;\r\n\r\n    margin-top: 23px;\r\n}\r\n\r\n\r\n\/* progress *\/\r\n\r\n.sb-story-slider__progress {\r\n    display: flex;\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.sb-story-slider__progress-button {\r\n    appearance: none;\r\n\r\n    width: 34px;\r\n    height: 2px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    background: rgba(245,241,229,.26);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.sb-story-slider__progress-button.is-active {\r\n    width: 58px;\r\n\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n\/* arrows *\/\r\n\r\n.sb-story-slider__arrows {\r\n    display: flex;\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.sb-story-slider__arrow {\r\n    appearance: none;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid rgba(245,241,229,.25);\r\n\r\n    background: transparent;\r\n\r\n    color: var(--cream);\r\n\r\n    cursor: pointer;\r\n\r\n    font-size: 20px;\r\n\r\n    transition:\r\n        .25s ease;\r\n}\r\n\r\n\r\n.sb-story-slider__arrow:hover {\r\n    background: var(--cream);\r\n\r\n    color: var(--green);\r\n\r\n    border-color: var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1150px) {\r\n\r\n    .sb-story-slider__outer {\r\n        width: min(100% - 52px, 1260px);\r\n    }\r\n\r\n    .sb-story-slider__photo {\r\n        width: 39%;\r\n    }\r\n\r\n    .sb-story-slider__slide--one .sb-story-slider__content {\r\n        margin-left: 39%;\r\n    }\r\n\r\n    .sb-story-slider__slide--two .sb-story-slider__content {\r\n        margin-right: 39%;\r\n    }\r\n\r\n    .sb-story-slider__body {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-story-slider__col + .sb-story-slider__col {\r\n        margin-top: 15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-story-slider {\r\n        padding:\r\n            68px\r\n            0\r\n            76px;\r\n    }\r\n\r\n    .sb-story-slider__outer {\r\n        width: 100%;\r\n    }\r\n\r\n    .sb-story-slider__top {\r\n        display: block;\r\n\r\n        padding:\r\n            0\r\n            20px;\r\n\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sb-story-slider__master-title {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .sb-story-slider__tabs {\r\n        margin-top: 27px;\r\n\r\n        overflow-x: auto;\r\n\r\n        scrollbar-width: none;\r\n    }\r\n\r\n    .sb-story-slider__tabs::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    .sb-story-slider__tab {\r\n        flex: 0 0 auto;\r\n\r\n        padding-left: 0;\r\n    }\r\n\r\n\r\n    \/* slide *\/\r\n\r\n    .sb-story-slider__slide {\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    \/* fotografija vi\u0161e nije absolute na telefonu *\/\r\n\r\n    .sb-story-slider__photo {\r\n        position: relative;\r\n\r\n        top: auto;\r\n        right: auto;\r\n        bottom: auto;\r\n        left: auto;\r\n\r\n        width: 100%;\r\n        height: 520px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__photo img {\r\n        object-position: center 50%;\r\n    }\r\n\r\n\r\n    .sb-story-slider__slide--one .sb-story-slider__content,\r\n    .sb-story-slider__slide--two .sb-story-slider__content {\r\n        margin: 0;\r\n\r\n        min-height: 0;\r\n\r\n        padding:\r\n            46px\r\n            24px\r\n            52px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__title {\r\n        font-size: clamp(40px, 11.5vw, 52px);\r\n    }\r\n\r\n\r\n    .sb-story-slider__body {\r\n        display: block;\r\n\r\n        margin-top: 29px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__col {\r\n        font-size: 15.5px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__statement {\r\n        margin-top: 27px;\r\n\r\n        padding:\r\n            20px\r\n            20px\r\n            21px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__statement p {\r\n        font-size: 15.8px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__number {\r\n        top: 20px;\r\n        left: 20px;\r\n\r\n        font-size: 68px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__photo-caption {\r\n        left: 20px;\r\n        bottom: 20px;\r\n    }\r\n\r\n\r\n    .sb-story-slider__nav {\r\n        padding:\r\n            0\r\n            20px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFON\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-story-slider__photo {\r\n        height: 450px;\r\n    }\r\n\r\n    .sb-story-slider__slide--one .sb-story-slider__content,\r\n    .sb-story-slider__slide--two .sb-story-slider__content {\r\n        padding:\r\n            42px\r\n            20px\r\n            47px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-story-slider\" data-slide=\"1\">\r\n\r\n    <div class=\"sb-story-slider__outer\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-story-slider__top\">\r\n\r\n            <div class=\"sb-story-slider__top-left\">\r\n\r\n                <div class=\"sb-story-slider__eyebrow\">\r\n                    Od unutra\u0161nje promene do prostora\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-story-slider__master-title\">\r\n                    Neke ideje prvo moramo da \u017eivimo da bismo znale \u0161ta zaista zna\u010de.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-story-slider__tabs\">\r\n\r\n                <button\r\n                    class=\"sb-story-slider__tab is-active\"\r\n                    type=\"button\"\r\n                    data-go=\"1\"\r\n                >\r\n                    01&nbsp; Moj li\u010dni put\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"sb-story-slider__tab\"\r\n                    type=\"button\"\r\n                    data-go=\"2\"\r\n                >\r\n                    02&nbsp; Moje par\u010de Raja\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             SLIDER\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-story-slider__viewport\">\r\n\r\n            <div class=\"sb-story-slider__track\">\r\n\r\n\r\n                <!-- =================================================\r\n                     SLIDE 01\r\n                     ================================================= -->\r\n\r\n                <article class=\"sb-story-slider__slide sb-story-slider__slide--one\">\r\n\r\n\r\n                    <!-- FOTO -->\r\n\r\n                    <div class=\"sb-story-slider__photo\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg\"\r\n                            alt=\"Svetlana Brki\u0107\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                        <span class=\"sb-story-slider__number\">\r\n                            01\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-story-slider__photo-caption\">\r\n                            Moj li\u010dni put\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SADR\u017dAJ -->\r\n\r\n                    <div class=\"sb-story-slider__content\">\r\n\r\n                        <div class=\"sb-story-slider__label\">\r\n                            Moj li\u010dni put\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"sb-story-slider__title\">\r\n                            Godinama sam u\u010dila kako da upoznam onu pravu sebe.\r\n                        <\/h3>\r\n\r\n\r\n                        <div class=\"sb-story-slider__body\">\r\n\r\n\r\n                            <div class=\"sb-story-slider__col\">\r\n\r\n                                <p>\r\n                                    Promenila sam se. Bilo je logi\u010dno da moja unutra\u0161nja promena uti\u010de i na\u010din na koji gledam prostor oko sebe.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Vi\u0161i smisao postojanja i svega oko nas me je oduvek privla\u010dio.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Godinama sam \u010ditala, istra\u017eivala i prolazila kroz razli\u010dite edukacije, pristupe li\u010dnom i duhovnom razvoju.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Vremenom sam prestala da posmatram materijalno i duhovno kao suprotnosti.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"sb-story-slider__col\">\r\n\r\n                                <p>\r\n                                    Shvatila sam da mi upravo njihov balans donosi najve\u0107i mir.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Imamo telo, ali imamo i unutra\u0161nji svet.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    \u017divimo me\u0111u stvarima, zidovima, bojama i predmetima, ali ih do\u017eivljavamo kroz emocije, se\u0107anja, nervni sistem, odnose i sopstvenu percepciju.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Za\u0161to bi onda prostor koji stvaramo bio odvojen od svega toga?\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"sb-story-slider__statement\">\r\n\r\n                            <p>\r\n                                Termin <strong>Arhitektura du\u0161e<\/strong> godinama mi se vra\u0107ao, mnogo pre nego \u0161to sam znala \u0161ta \u0107e jednoga dana zna\u010diti. Danas znam. To je mesto na kojem se sre\u0107u ono \u0161to profesionalno znam i ono u \u0161ta svojom Du\u0161om verujem.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- =================================================\r\n                     SLIDE 02\r\n                     ================================================= -->\r\n\r\n                <article class=\"sb-story-slider__slide sb-story-slider__slide--two\">\r\n\r\n\r\n                    <!-- FOTO -->\r\n\r\n                    <div class=\"sb-story-slider__photo\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0524-scaled.jpg\"\r\n                            alt=\"Svetlana Brki\u0107 u svom domu\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                        <span class=\"sb-story-slider__number\">\r\n                            02\r\n                        <\/span>\r\n\r\n                        <span class=\"sb-story-slider__photo-caption\">\r\n                            Moje par\u010de Raja\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SADR\u017dAJ -->\r\n\r\n                    <div class=\"sb-story-slider__content\">\r\n\r\n                        <div class=\"sb-story-slider__label\">\r\n                            Moje par\u010de Raja\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"sb-story-slider__title\">\r\n                            Pre nego \u0161to sam ovaj pristup odlu\u010dila da prezentujem svetu, \u017eivela sam ga.\r\n                        <\/h3>\r\n\r\n\r\n                        <div class=\"sb-story-slider__body\">\r\n\r\n\r\n                            <div class=\"sb-story-slider__col\">\r\n\r\n                                <p>\r\n                                    Mnogo toga \u0161to sam tokom godina u\u010dila prvo sam primenjivala u sopstvenom domu.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Posmatrala sam.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Menjala ga. Menjala sebe.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Istra\u017eivala \u0161ta mi prija, ko sam ja u svojoj su\u0161tini, \u0161ta me umiruje, \u0161ta podi\u017ee energiju, \u0161ta ne funkcioni\u0161e i za\u0161to.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Nije mi bio cilj da napravim prostor koji \u0107e ostaviti utisak na druge.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"sb-story-slider__col\">\r\n\r\n                                <p>\r\n                                    \u017delela sam mesto u kojem <strong>ja \u017eelim da budem u potpunosti svoja, onakva kakva jesam<\/strong>.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Mesto u kome je moj nervni sistem u miru.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Mesto duboke radosti, unutra\u0161nje ti\u0161ine i podr\u0161ke.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Dom koji je moja sigurna luka.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"sb-story-slider__statement\">\r\n\r\n                            <p>\r\n                                Upravo taj ose\u0107aj <strong>sigurnosti, u\u017eitka, istine i lepote<\/strong> danas \u017eelim da pomognem drugima da prona\u0111u u sebi i u prostoru koji zovemo DOM.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             DONJA NAVIGACIJA\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-story-slider__nav\">\r\n\r\n            <div class=\"sb-story-slider__progress\">\r\n\r\n                <button\r\n                    class=\"sb-story-slider__progress-button is-active\"\r\n                    type=\"button\"\r\n                    data-go=\"1\"\r\n                    aria-label=\"Moj li\u010dni put\"\r\n                ><\/button>\r\n\r\n                <button\r\n                    class=\"sb-story-slider__progress-button\"\r\n                    type=\"button\"\r\n                    data-go=\"2\"\r\n                    aria-label=\"Moje par\u010de Raja\"\r\n                ><\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-story-slider__arrows\">\r\n\r\n                <button\r\n                    class=\"sb-story-slider__arrow\"\r\n                    type=\"button\"\r\n                    data-direction=\"prev\"\r\n                    aria-label=\"Prethodno\"\r\n                >\r\n                    \u2190\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"sb-story-slider__arrow\"\r\n                    type=\"button\"\r\n                    data-direction=\"next\"\r\n                    aria-label=\"Slede\u0107e\"\r\n                >\r\n                    \u2192\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const section = document.querySelector('.sb-story-slider');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const tabs = section.querySelectorAll('.sb-story-slider__tab');\r\n    const progress = section.querySelectorAll('.sb-story-slider__progress-button');\r\n    const goButtons = section.querySelectorAll('[data-go]');\r\n\r\n    const prev = section.querySelector('[data-direction=\"prev\"]');\r\n    const next = section.querySelector('[data-direction=\"next\"]');\r\n\r\n    let current = 1;\r\n\r\n\r\n    function setSlide(slide) {\r\n\r\n        current = slide === 2 ? 2 : 1;\r\n\r\n        section.setAttribute('data-slide', current);\r\n\r\n\r\n        tabs.forEach(function(tab) {\r\n\r\n            tab.classList.toggle(\r\n                'is-active',\r\n                Number(tab.dataset.go) === current\r\n            );\r\n\r\n        });\r\n\r\n\r\n        progress.forEach(function(item) {\r\n\r\n            item.classList.toggle(\r\n                'is-active',\r\n                Number(item.dataset.go) === current\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    goButtons.forEach(function(button) {\r\n\r\n        button.addEventListener('click', function() {\r\n\r\n            setSlide(Number(this.dataset.go));\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    if (prev) {\r\n\r\n        prev.addEventListener('click', function() {\r\n\r\n            setSlide(current === 1 ? 2 : 1);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if (next) {\r\n\r\n        next.addEventListener('click', function() {\r\n\r\n            setSlide(current === 2 ? 1 : 2);\r\n\r\n        });\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-635979d e-con e-atomic-element e-flexbox-base e-default-div e-ac94025 \" data-id=\"635979d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"635979d\">\n    \t\t<div class=\"elementor-element elementor-element-ca5c330 elementor-widget elementor-widget-html\" data-id=\"ca5c330\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 \u2014 O MENI\r\n   ZNANJA I VE\u0160TINE KOJA DANAS POVEZUJEM\r\n   LIGHT \/ EDITORIAL VERSION\r\n   ========================================================= *\/\r\n\r\n.sb-knowledge-light,\r\n.sb-knowledge-light * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-knowledge-light {\r\n    --green: #445236;\r\n    --moss: #5b6b4a;\r\n    --rust: #b05330;\r\n    --cream: #f5f1e5;\r\n    --soft: #fdfbf5;\r\n    --sand: #ebe5d3;\r\n    --gold: #b5762a;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    background: var(--cream);\r\n    color: var(--green);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUPTILNA POZADINSKA TIPOGRAFIJA\r\n   ========================================================= *\/\r\n\r\n.sb-knowledge-light::before {\r\n    content: \"06\";\r\n\r\n    position: absolute;\r\n    right: -15px;\r\n    top: -45px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(180px, 23vw, 360px);\r\n    font-weight: 400;\r\n\r\n    line-height: .8;\r\n\r\n    color: rgba(68, 82, 54, 0.035);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n   ========================================================= *\/\r\n\r\n.sb-knowledge-light__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1380px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        clamp(110px, 10vw, 160px)\r\n        0\r\n        clamp(115px, 10vw, 165px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UVOD\r\n   ========================================================= *\/\r\n\r\n.sb-knowledge-light__top {\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(0, .92fr)\r\n        minmax(0, 1.08fr);\r\n\r\n    column-gap: clamp(70px, 8vw, 140px);\r\n\r\n    align-items: end;\r\n\r\n    padding-bottom: 55px;\r\n\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n\r\n\/* eyebrow *\/\r\n\r\n.sb-knowledge-light__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin-bottom: 23px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n.sb-knowledge-light__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 35px;\r\n    height: 1px;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n\/* naslov *\/\r\n\r\n.sb-knowledge-light__title {\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(50px, 4.8vw, 74px);\r\n    font-weight: 400;\r\n\r\n    line-height: .98;\r\n    letter-spacing: -.025em;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* intro *\/\r\n\r\n.sb-knowledge-light__intro {\r\n    max-width: 640px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.75;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EDUKACIJE\r\n   ========================================================= *\/\r\n\r\n.sb-knowledge-light__education {\r\n    margin-top: 48px;\r\n}\r\n\r\n\r\n\/* mali label *\/\r\n\r\n.sb-knowledge-light__label {\r\n    margin: 0 0 21px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10.5px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .17em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(68,82,54,.52);\r\n}\r\n\r\n\r\n\/* grid *\/\r\n\r\n.sb-knowledge-light__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n\r\n\/* ITEM *\/\r\n\r\n.sb-knowledge-light__item {\r\n    position: relative;\r\n\r\n    min-height: 145px;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n\r\n    gap: 18px;\r\n\r\n    padding:\r\n        28px\r\n        28px\r\n        27px\r\n        0;\r\n\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n\r\n\/* vertikalne linije izme\u0111u kolona *\/\r\n\r\n.sb-knowledge-light__item:nth-child(3n+2),\r\n.sb-knowledge-light__item:nth-child(3n+3) {\r\n    padding-left: 28px;\r\n    border-left: 1px solid rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n\r\n\/* broj *\/\r\n\r\n.sb-knowledge-light__number {\r\n    align-self: flex-start;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    padding-top: 2px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n\/* naziv *\/\r\n\r\n.sb-knowledge-light__name {\r\n    margin: 0;\r\n\r\n    max-width: 260px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.4;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* mali dekorativni detalj *\/\r\n\r\n.sb-knowledge-light__item::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    bottom: -1px;\r\n    left: 0;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--rust);\r\n\r\n    transition: width .35s ease;\r\n}\r\n\r\n.sb-knowledge-light__item:hover::after {\r\n    width: 54px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DONJI DEO \u2014 POENTA\r\n   ========================================================= *\/\r\n\r\n.sb-knowledge-light__note {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(200px, .34fr)\r\n        minmax(0, .66fr);\r\n\r\n    margin-top: 58px;\r\n\r\n    background: rgba(253,251,245,.68);\r\n\r\n    border: 1px solid rgba(68,82,54,.14);\r\n}\r\n\r\n\r\n\/* levo *\/\r\n\r\n.sb-knowledge-light__note-side {\r\n    position: relative;\r\n\r\n    min-height: 225px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n    padding:\r\n        34px\r\n        34px;\r\n\r\n    border-right: 1px solid rgba(68,82,54,.14);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* veliki rust kru\u017ei\u0107 *\/\r\n\r\n.sb-knowledge-light__note-side::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 125px;\r\n    height: 125px;\r\n\r\n    right: -50px;\r\n    bottom: -50px;\r\n\r\n    border: 1px solid rgba(176,83,48,.28);\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.sb-knowledge-light__note-number {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .14em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-knowledge-light__note-heading {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 220px;\r\n\r\n    margin: 35px 0 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(31px, 2.5vw, 42px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1.04;\r\n\r\n    letter-spacing: -.01em;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* desno *\/\r\n\r\n.sb-knowledge-light__note-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        42px\r\n        clamp(42px, 6vw, 80px);\r\n}\r\n\r\n\r\n.sb-knowledge-light__note-content p {\r\n    margin: 0;\r\n\r\n    max-width: 780px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.73;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-knowledge-light__note-content p + p {\r\n    margin-top: 16px;\r\n}\r\n\r\n\r\n.sb-knowledge-light__note-content strong {\r\n    font-weight: 600;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-knowledge-light__inner {\r\n        width: min(100% - 64px, 1180px);\r\n    }\r\n\r\n    .sb-knowledge-light__top {\r\n        column-gap: 55px;\r\n    }\r\n\r\n    .sb-knowledge-light__grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .sb-knowledge-light__item:nth-child(3n+2),\r\n    .sb-knowledge-light__item:nth-child(3n+3) {\r\n        padding-left: 0;\r\n        border-left: 0;\r\n    }\r\n\r\n    .sb-knowledge-light__item:nth-child(even) {\r\n        padding-left: 26px;\r\n        border-left: 1px solid rgba(68,82,54,.18);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-knowledge-light::before {\r\n        display: none;\r\n    }\r\n\r\n    .sb-knowledge-light__inner {\r\n        width: 100%;\r\n\r\n        padding:\r\n            76px\r\n            24px\r\n            82px;\r\n    }\r\n\r\n    .sb-knowledge-light__top {\r\n        display: block;\r\n\r\n        padding-bottom: 42px;\r\n    }\r\n\r\n    .sb-knowledge-light__title {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(42px, 12vw, 55px);\r\n    }\r\n\r\n    .sb-knowledge-light__intro {\r\n        max-width: 100%;\r\n\r\n        margin-top: 29px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .sb-knowledge-light__education {\r\n        margin-top: 39px;\r\n    }\r\n\r\n    .sb-knowledge-light__grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .sb-knowledge-light__item {\r\n        min-height: 125px;\r\n\r\n        padding:\r\n            22px\r\n            18px\r\n            21px\r\n            0;\r\n    }\r\n\r\n    .sb-knowledge-light__item:nth-child(even) {\r\n        padding-left: 18px;\r\n    }\r\n\r\n    .sb-knowledge-light__name {\r\n        font-size: 15.5px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .sb-knowledge-light__note {\r\n        display: block;\r\n\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .sb-knowledge-light__note-side {\r\n        min-height: 160px;\r\n\r\n        padding:\r\n            27px\r\n            25px;\r\n\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(68,82,54,.14);\r\n    }\r\n\r\n    .sb-knowledge-light__note-heading {\r\n        margin-top: 28px;\r\n\r\n        font-size: 32px;\r\n    }\r\n\r\n    .sb-knowledge-light__note-content {\r\n        padding:\r\n            30px\r\n            25px\r\n            34px;\r\n    }\r\n\r\n    .sb-knowledge-light__note-content p {\r\n        font-size: 16px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANJI TELEFON\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-knowledge-light__inner {\r\n        padding:\r\n            66px\r\n            20px\r\n            72px;\r\n    }\r\n\r\n    .sb-knowledge-light__grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-knowledge-light__item,\r\n    .sb-knowledge-light__item:nth-child(even) {\r\n        min-height: 95px;\r\n\r\n        padding:\r\n            20px\r\n            0;\r\n\r\n        border-left: 0;\r\n    }\r\n\r\n    .sb-knowledge-light__name {\r\n        max-width: 100%;\r\n        font-size: 16px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-knowledge-light\">\r\n\r\n    <div class=\"sb-knowledge-light__inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             UVOD\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-knowledge-light__top\">\r\n\r\n            <div>\r\n\r\n                <div class=\"sb-knowledge-light__eyebrow\">\r\n                    Obrazovanje i li\u010dni razvoj\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-knowledge-light__title\">\r\n                    Znanja i ve\u0161tine koja danas povezujem\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"sb-knowledge-light__intro\">\r\n                Pored formalnog obrazovanja u arhitekturi, moje istra\u017eivanje tokom godina obuhvatilo je razli\u010dite oblasti li\u010dnog, energetskog i intuitivnog rada.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             EDUKACIJE\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-knowledge-light__education\">\r\n\r\n            <div class=\"sb-knowledge-light__label\">\r\n                Relevantne edukacije\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-knowledge-light__grid\">\r\n\r\n\r\n                <div class=\"sb-knowledge-light__item\">\r\n\r\n                    <span class=\"sb-knowledge-light__number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <p class=\"sb-knowledge-light__name\">\r\n                        NLP Practitioner\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-knowledge-light__item\">\r\n\r\n                    <span class=\"sb-knowledge-light__number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <p class=\"sb-knowledge-light__name\">\r\n                        NLP Master\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-knowledge-light__item\">\r\n\r\n                    <span class=\"sb-knowledge-light__number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <p class=\"sb-knowledge-light__name\">\r\n                        Reiki - III stepen\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-knowledge-light__item\">\r\n\r\n                    <span class=\"sb-knowledge-light__number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <p class=\"sb-knowledge-light__name\">\r\n                        Tantra - Level 1 &amp; 2\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-knowledge-light__item\">\r\n\r\n                    <span class=\"sb-knowledge-light__number\">\r\n                        05\r\n                    <\/span>\r\n\r\n                    <p class=\"sb-knowledge-light__name\">\r\n                        Vastu - I nivo\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-knowledge-light__item\">\r\n\r\n                    <span class=\"sb-knowledge-light__number\">\r\n                        06\r\n                    <\/span>\r\n\r\n                    <p class=\"sb-knowledge-light__name\">\r\n                        Intuitive Coaching - I i II nivo\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             POENTA\r\n             ================================================= -->\r\n\r\n        <div class=\"sb-knowledge-light__note\">\r\n\r\n\r\n            <div class=\"sb-knowledge-light__note-side\">\r\n\r\n                <span class=\"sb-knowledge-light__note-number\">\r\n                    Su\u0161tina\r\n                <\/span>\r\n\r\n                <p class=\"sb-knowledge-light__note-heading\">\r\n                    Vi\u0161e uglova. Jedna celina.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-knowledge-light__note-content\">\r\n\r\n                <p>\r\n                    <strong>Ne koristim svaki alat u svojim uslugama.<\/strong>\r\n                <\/p>\r\n\r\n                <p>\r\n                    Njihova svrha nije da proces u\u010dine misti\u010dnim ili komplikovanim, ve\u0107 da mi omogu\u0107e i pomognu da osobu i prostor sagledam iz vi\u0161e uglova, kada je to za odre\u0111eni rad i dizajn relevantno.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-147ce01 e-con e-atomic-element e-flexbox-base e-default-div e-210cb58 \" data-id=\"147ce01\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"147ce01\">\n    \t\t<div class=\"elementor-element elementor-element-65f6614 elementor-widget elementor-widget-html\" data-id=\"65f6614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - O MENI\r\n   SEKCIJA 7 - VREDNOSTI U KOJE VERUJEM\r\n   CALM INTERACTIVE VERSION\r\n   ========================================================= *\/\r\n\r\n.sb-values,\r\n.sb-values * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-values {\r\n    --green: #445236;\r\n    --rust: #b05330;\r\n    --cream: #f5f1e5;\r\n    --soft: #fdfbf5;\r\n    --sand: #ebe5d3;\r\n    --body: #30332d;\r\n\r\n    width: 100%;\r\n\r\n    background: var(--soft);\r\n    color: var(--green);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n   ========================================================= *\/\r\n\r\n.sb-values__inner {\r\n    width: min(1400px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        clamp(105px, 9vw, 150px)\r\n        0\r\n        clamp(110px, 9vw, 155px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UVOD\r\n   ========================================================= *\/\r\n\r\n.sb-values__intro {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(300px, .78fr)\r\n        minmax(0, 1.22fr);\r\n\r\n    gap: clamp(60px, 8vw, 135px);\r\n\r\n    align-items: end;\r\n\r\n    margin-bottom: 54px;\r\n}\r\n\r\n\r\n.sb-values__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin-bottom: 21px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-values__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 35px;\r\n    height: 1px;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n.sb-values__intro-title {\r\n    margin: 0;\r\n\r\n    max-width: 570px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(52px, 5vw, 77px);\r\n    font-weight: 400;\r\n\r\n    line-height: .96;\r\n    letter-spacing: -.025em;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-values__intro-copy {\r\n    max-width: 710px;\r\n}\r\n\r\n\r\n.sb-values__intro-copy p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.74;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-values__intro-copy p + p {\r\n    margin-top: 17px;\r\n}\r\n\r\n\r\n.sb-values__intro-emphasis {\r\n    margin-top: 25px !important;\r\n\r\n    padding-top: 22px;\r\n\r\n    border-top: 1px solid rgba(68,82,54,.17);\r\n\r\n    font-size: 18px !important;\r\n}\r\n\r\n\r\n.sb-values__intro-emphasis strong {\r\n    color: var(--rust);\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HINT\r\n   ========================================================= *\/\r\n\r\n.sb-values__choose {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 14px;\r\n}\r\n\r\n\r\n.sb-values__choose-title {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10.5px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(68,82,54,.58);\r\n}\r\n\r\n\r\n.sb-values__choose-hint {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n\r\n    color: rgba(68,82,54,.55);\r\n}\r\n\r\n\r\n.sb-values__choose-hint::before {\r\n    content: \"\u2193\";\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KARTICE\r\n   ========================================================= *\/\r\n\r\n.sb-values__cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.sb-values__card {\r\n    appearance: none;\r\n\r\n    position: relative;\r\n\r\n    min-height: 140px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n    padding:\r\n        18px\r\n        20px\r\n        17px;\r\n\r\n    border: 1px solid transparent;\r\n\r\n    background: var(--green);\r\n    color: var(--cream);\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        background-color .3s ease,\r\n        transform .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.sb-values__card:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* AKTIVNA KARTICA *\/\r\n\r\n.sb-values__card.is-active {\r\n    background: var(--rust);\r\n    color: var(--cream);\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* broj *\/\r\n\r\n.sb-values__card-number {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .13em;\r\n\r\n    color: rgba(245,241,229,.82);\r\n}\r\n\r\n\r\n\/* naslov *\/\r\n\r\n.sb-values__card-title {\r\n    margin-top: 17px;\r\n\r\n    max-width: 235px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(24px, 1.8vw, 30px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1.02;\r\n    letter-spacing: -.01em;\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n\/* action *\/\r\n\r\n.sb-values__card-action {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 15px;\r\n\r\n    padding-top: 10px;\r\n\r\n    border-top: 1px solid rgba(245,241,229,.45);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .13em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245,241,229,.78);\r\n}\r\n\r\n\r\n.sb-values__card.is-active .sb-values__card-action {\r\n    color: var(--cream);\r\n    border-top-color: rgba(245,241,229,.65);\r\n}\r\n\r\n\r\n.sb-values__card-action-icon {\r\n    font-size: 15px;\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* diskretan dekorativni krug *\/\r\n\r\n.sb-values__card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 90px;\r\n    height: 90px;\r\n\r\n    right: -45px;\r\n    top: -45px;\r\n\r\n    border: 1px solid rgba(245,241,229,.15);\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL ISPOD\r\n   ========================================================= *\/\r\n\r\n.sb-values__panel {\r\n    margin-top: 8px;\r\n\r\n    background: var(--sand);\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL INNER\r\n   ========================================================= *\/\r\n\r\n.sb-values__panel-inner {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(230px, .34fr)\r\n        minmax(0, .66fr);\r\n\r\n    gap: clamp(45px, 7vw, 105px);\r\n\r\n    align-items: start;\r\n\r\n    padding:\r\n        clamp(44px, 5vw, 68px)\r\n        clamp(42px, 6vw, 84px);\r\n}\r\n\r\n\r\n\/* label *\/\r\n\r\n.sb-values__panel-label {\r\n    display: block;\r\n\r\n    margin-bottom: 16px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* naslov *\/\r\n\r\n.sb-values__panel-title {\r\n    margin: 0;\r\n\r\n    max-width: 400px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(39px, 3.8vw, 58px);\r\n    font-weight: 400;\r\n\r\n    line-height: .99;\r\n    letter-spacing: -.018em;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n\/* tekst *\/\r\n\r\n.sb-values__panel-content {\r\n    max-width: 760px;\r\n}\r\n\r\n\r\n.sb-values__panel-content p {\r\n    margin: 0 0 15px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.7;\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n.sb-values__panel-content p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT SWITCH\r\n   ========================================================= *\/\r\n\r\n.sb-values__content {\r\n    display: none;\r\n}\r\n\r\n\r\n.sb-values__content.is-active {\r\n    display: block;\r\n\r\n    animation: sbValuesReveal .35s ease;\r\n}\r\n\r\n\r\n@keyframes sbValuesReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(7px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANIFESTO\r\n   ========================================================= *\/\r\n\r\n.sb-values__manifesto {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(280px, .43fr)\r\n        minmax(0, .57fr);\r\n\r\n    gap: clamp(55px, 8vw, 125px);\r\n\r\n    margin-top: 82px;\r\n\r\n    padding-top: 61px;\r\n\r\n    border-top: 1px solid rgba(68,82,54,.18);\r\n}\r\n\r\n\r\n.sb-values__manifesto-label {\r\n    display: block;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-values__manifesto-title {\r\n    margin: 0;\r\n\r\n    max-width: 500px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(52px, 5vw, 78px);\r\n    font-weight: 400;\r\n\r\n    line-height: .95;\r\n    letter-spacing: -.026em;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-values__beliefs {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.sb-values__beliefs li {\r\n    position: relative;\r\n\r\n    padding:\r\n        10px\r\n        0\r\n        10px\r\n        23px;\r\n\r\n    border-bottom: 1px solid rgba(68,82,54,.12);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15.8px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n.sb-values__beliefs li::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 19px;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n.sb-values__manifesto-closing {\r\n    margin-top: 26px;\r\n\r\n    padding:\r\n        24px\r\n        27px;\r\n\r\n    background: var(--cream);\r\n\r\n    border-left: 2px solid var(--rust);\r\n}\r\n\r\n\r\n.sb-values__manifesto-closing p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16.5px;\r\n\r\n    line-height: 1.68;\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n.sb-values__manifesto-closing strong {\r\n    color: var(--rust);\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-values__inner {\r\n        width: min(100% - 64px, 1200px);\r\n    }\r\n\r\n    .sb-values__cards {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-values__inner {\r\n        width: 100%;\r\n\r\n        padding:\r\n            76px\r\n            24px\r\n            82px;\r\n    }\r\n\r\n\r\n    .sb-values__intro {\r\n        display: block;\r\n\r\n        margin-bottom: 43px;\r\n    }\r\n\r\n\r\n    .sb-values__intro-title {\r\n        font-size: clamp(43px, 12vw, 56px);\r\n    }\r\n\r\n\r\n    .sb-values__intro-copy {\r\n        margin-top: 28px;\r\n    }\r\n\r\n\r\n    .sb-values__intro-copy p {\r\n        font-size: 16px;\r\n        line-height: 1.69;\r\n    }\r\n\r\n\r\n    .sb-values__choose-hint {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* horizontal cards *\/\r\n\r\n    .sb-values__cards {\r\n        display: flex;\r\n\r\n        width: calc(100% + 24px);\r\n\r\n        gap: 8px;\r\n\r\n        padding-right: 24px;\r\n        padding-bottom: 7px;\r\n\r\n        overflow-x: auto;\r\n\r\n        scroll-snap-type: x mandatory;\r\n        scrollbar-width: none;\r\n    }\r\n\r\n\r\n    .sb-values__cards::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .sb-values__card {\r\n        flex: 0 0 68%;\r\n\r\n        min-height: 138px;\r\n\r\n        scroll-snap-align: start;\r\n    }\r\n\r\n\r\n    .sb-values__card-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n\r\n    \/* panel *\/\r\n\r\n    .sb-values__panel-inner {\r\n        display: block;\r\n\r\n        padding:\r\n            36px\r\n            25px\r\n            39px;\r\n    }\r\n\r\n\r\n    .sb-values__panel-title {\r\n        font-size: 39px;\r\n    }\r\n\r\n\r\n    .sb-values__panel-content {\r\n        margin-top: 27px;\r\n    }\r\n\r\n\r\n    .sb-values__panel-content p {\r\n        font-size: 15.5px;\r\n        line-height: 1.66;\r\n    }\r\n\r\n\r\n    \/* manifesto *\/\r\n\r\n    .sb-values__manifesto {\r\n        display: block;\r\n\r\n        margin-top: 62px;\r\n\r\n        padding-top: 48px;\r\n    }\r\n\r\n\r\n    .sb-values__manifesto-title {\r\n        font-size: clamp(45px, 13vw, 59px);\r\n    }\r\n\r\n\r\n    .sb-values__manifesto-right {\r\n        margin-top: 35px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANJI TELEFON\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-values__inner {\r\n        padding:\r\n            66px\r\n            20px\r\n            72px;\r\n    }\r\n\r\n\r\n    .sb-values__cards {\r\n        width: calc(100% + 20px);\r\n\r\n        padding-right: 20px;\r\n    }\r\n\r\n\r\n    .sb-values__card {\r\n        flex-basis: 78%;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-values\">\r\n\r\n    <div class=\"sb-values__inner\">\r\n\r\n\r\n        <!-- UVOD -->\r\n\r\n        <div class=\"sb-values__intro\">\r\n\r\n            <div>\r\n\r\n                <div class=\"sb-values__eyebrow\">\r\n                    Vrednosti u koje verujem\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-values__intro-title\">\r\n                    Sve po\u010dinje od \u010doveka.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-values__intro-copy\">\r\n\r\n                <p>\r\n                    Verujem da kreiranje \u017eivotnog prostora treba da po\u010dne od \u010doveka.\r\n                    Pre estetike, forme i onoga \u0161to je trenutno lepo, za mene postoji osoba koja \u0107e u tom prostoru \u017eiveti. Njene potrebe. Emocije. Su\u0161tina. Na\u010din na koji se kroz \u017eivot kre\u0107e, odmara, voli, stvara i menja.\r\n                <\/p>\r\n\r\n                <p class=\"sb-values__intro-emphasis\">\r\n                    Zato svoj rad ne do\u017eivljavam kao dizajniranje prostora za nekoga, ve\u0107 kao proces u kome klijent i ja zajedno u\u010destvujemo i stvaramo <strong>dom po meri du\u0161e.<\/strong>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- HINT -->\r\n\r\n        <div class=\"sb-values__choose\">\r\n\r\n            <span class=\"sb-values__choose-title\">\r\n                Izaberi vrednost\r\n            <\/span>\r\n\r\n            <span class=\"sb-values__choose-hint\">\r\n                Klikom se otvara sadr\u017eaj ispod\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- KARTICE -->\r\n\r\n        <div class=\"sb-values__cards\">\r\n\r\n\r\n            <button\r\n                class=\"sb-values__card is-active\"\r\n                type=\"button\"\r\n                data-value=\"trust\"\r\n            >\r\n\r\n                <span class=\"sb-values__card-number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-title\">\r\n                    Poverenje\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-action\">\r\n\r\n                    <span class=\"sb-values__card-action-text\">\r\n                        Otvoreno\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-values__card-action-icon\">\r\n                        -\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"sb-values__card\"\r\n                type=\"button\"\r\n                data-value=\"clarity\"\r\n            >\r\n\r\n                <span class=\"sb-values__card-number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-title\">\r\n                    Jasno\u0107a i jednostavnost\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-action\">\r\n\r\n                    <span class=\"sb-values__card-action-text\">\r\n                        Pro\u010ditaj vi\u0161e\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-values__card-action-icon\">\r\n                        +\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"sb-values__card\"\r\n                type=\"button\"\r\n                data-value=\"courage\"\r\n            >\r\n\r\n                <span class=\"sb-values__card-number\">\r\n                    03\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-title\">\r\n                    Hrabrost da pogledamo dublje\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-action\">\r\n\r\n                    <span class=\"sb-values__card-action-text\">\r\n                        Pro\u010ditaj vi\u0161e\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-values__card-action-icon\">\r\n                        +\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"sb-values__card\"\r\n                type=\"button\"\r\n                data-value=\"joy\"\r\n            >\r\n\r\n                <span class=\"sb-values__card-number\">\r\n                    04\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-title\">\r\n                    Radost\r\n                <\/span>\r\n\r\n                <span class=\"sb-values__card-action\">\r\n\r\n                    <span class=\"sb-values__card-action-text\">\r\n                        Pro\u010ditaj vi\u0161e\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-values__card-action-icon\">\r\n                        +\r\n                    <\/span>\r\n\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PANEL -->\r\n\r\n        <div class=\"sb-values__panel\">\r\n\r\n            <div class=\"sb-values__panel-inner\">\r\n\r\n\r\n                <div>\r\n\r\n                    <span class=\"sb-values__panel-label\">\r\n                        Vrednost 01\r\n                    <\/span>\r\n\r\n                    <h3 class=\"sb-values__panel-title\">\r\n                        Poverenje stvara sigurnost.\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-values__panel-content\">\r\n\r\n\r\n                    <!-- POVERENJE -->\r\n\r\n                    <div\r\n                        class=\"sb-values__content is-active\"\r\n                        data-content=\"trust\"\r\n                    >\r\n\r\n                        <p>\r\n                            Da bismo do\u0161li do prostora koji je zaista tvoj, potrebno je da postoji mesto na kome mo\u017ee\u0161 da bude\u0161 potpuno \u010dist i iskren.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Da ka\u017ee\u0161 \u0161ta voli\u0161, \u0161ta ti smeta, \u0161ta ti nedostaje - \u010dak i kada jo\u0161 nema\u0161 prave re\u010di za to.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Moj zadatak nije da se postavim iznad tebe i ka\u017eem kako bi ti trebalo da \u017eivi\u0161. Moj zadatak je da slu\u0161am, postavljam prava pitanja i stvorim dovoljno siguran prostor da zajedno do\u0111emo do odgovora koji pripadaju tebi.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Jer verujem da najlep\u0161i prostori i odnosi nastaju onda kada se \u010dovek ose\u0107a vi\u0111eno, saslu\u0161ano i bitno.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- JASNO\u0106A -->\r\n\r\n                    <div\r\n                        class=\"sb-values__content\"\r\n                        data-content=\"clarity\"\r\n                    >\r\n\r\n                        <p>\r\n                            Dubina ne mora da bude komplikovana.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Volim jasne procese, konkretne korake i odnose u kojima znamo gde smo, \u0161ta radimo i za\u0161to ne\u0161to radimo.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Isto va\u017ei i za prostor. Ne verujem u gomilanje re\u0161enja, pravila i elemenata samo zato \u0161to mo\u017eemo. Verujem u ono \u0161to ima razlog da postoji.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Ponekad upravo najjednostavnija promena donese najve\u0107i ose\u0107aj lako\u0107e, slobode i mira.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- HRABROST -->\r\n\r\n                    <div\r\n                        class=\"sb-values__content\"\r\n                        data-content=\"courage\"\r\n                    >\r\n\r\n                        <p>\r\n                            Dom treba da nam govori o nama mnogo vi\u0161e od toga koji stil volimo.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Mo\u017ee da govori o na\u010dinu na koji \u017eivimo, odnosima koje gradimo, granicama koje postavljamo, stvarima koje smo prerasli i onome za \u0161ta tek pravimo mesto.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Zato me zanimaju i teme koje se ne vezuju za arhitekturu na prvi pogled. Zanimaju me emocije. Intimnost. Energija. Li\u010dni rast. Ono \u0161to nas pokre\u0107e. Ono \u0161to biramo. Ono \u0161to jo\u0161 nismo sebi dozvolili. Osve\u0161\u0107ivanje onoga \u0161to nam fali.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Verujem da je potrebna odre\u0111ena doza hrabrosti da zavirimo u sebe i da prostor ne posmatramo samo spolja, ve\u0107 da kroz njega posmatramo i sebe.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- RADOST -->\r\n\r\n                    <div\r\n                        class=\"sb-values__content\"\r\n                        data-content=\"joy\"\r\n                    >\r\n\r\n                        <p>\r\n                            Ne mislim da li\u010dni razvoj mora uvek da bude te\u017eak. Niti da ozbiljan proces mora da bude hladan i formalan.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Volim smeh. Lako\u0107u. Radoznalost. U\u017eivanje u procesu.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Verujem da se radost bira, stvara i \u017eivi.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Isto \u017eelim i od prostora koji kreiramo zajedno - da ne bude samo pravilno projektovan i estetski promi\u0161ljen, ve\u0107 da u njemu postoji \u017eivot.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Toplina. Emocija. Radost povratka ku\u0107i. Radost \u017eivljenja u njemu.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            Jer na kraju, dom nije scenografija na\u0161eg \u017eivota. On jeste i treba da bude na\u0161e sigurno mesto i \"par\u010de Raja\".\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MANIFESTO -->\r\n\r\n        <div class=\"sb-values__manifesto\">\r\n\r\n\r\n            <div>\r\n\r\n                <span class=\"sb-values__manifesto-label\">\r\n                    U osnovi svega\r\n                <\/span>\r\n\r\n                <h3 class=\"sb-values__manifesto-title\">\r\n                    \u010covek je va\u017eniji od prostora.\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-values__manifesto-right\">\r\n\r\n                <ul class=\"sb-values__beliefs\">\r\n\r\n                    <li>\r\n                        Verujem da dobar prostor nastaje osve\u0161\u0107ivanjem onoga \u0161to je ve\u0107 u nama.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Da smo svi jednaki.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Da u domu koji deli vi\u0161e ljudi sva\u010diji glas zaslu\u017euje prostor.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Da jednostavno re\u0161enje mo\u017ee biti dublje od komplikovanog.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Da ozbiljan rad ne mora biti te\u017eak i sumoran.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Da \u017eivot mo\u017ee da se \u017eivi sa vi\u0161e radosti, radoznalosti i u\u017eivanja.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        I da na\u0161 dom treba da nas u tome podr\u017eava.\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n\r\n                <div class=\"sb-values__manifesto-closing\">\r\n\r\n                    <p>\r\n                        Ne \u017eelim da ti ka\u017eem ko treba da bude\u0161.\r\n                        <strong>\u017delim da ti pomognem da dovoljno jasno \u010duje\u0161 i vidi\u0161 ko ve\u0107 jesi u svojoj su\u0161tini<\/strong> - i da odatle kreiramo prostor po tvojoj meri.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const section = document.querySelector('.sb-values');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const cards =\r\n        section.querySelectorAll('.sb-values__card');\r\n\r\n    const contents =\r\n        section.querySelectorAll('.sb-values__content');\r\n\r\n    const panelTitle =\r\n        section.querySelector('.sb-values__panel-title');\r\n\r\n    const panelLabel =\r\n        section.querySelector('.sb-values__panel-label');\r\n\r\n\r\n    const data = {\r\n\r\n        trust: {\r\n            number: '01',\r\n            title: 'Poverenje stvara sigurnost.'\r\n        },\r\n\r\n        clarity: {\r\n            number: '02',\r\n            title: 'Dubina ne mora da bude komplikovana.'\r\n        },\r\n\r\n        courage: {\r\n            number: '03',\r\n            title: 'Hrabrost da pogledamo malo dublje.'\r\n        },\r\n\r\n        joy: {\r\n            number: '04',\r\n            title: 'I verujem u radost.'\r\n        }\r\n\r\n    };\r\n\r\n\r\n    cards.forEach(function(card) {\r\n\r\n        card.addEventListener('click', function() {\r\n\r\n            const value = card.dataset.value;\r\n\r\n\r\n            cards.forEach(function(item) {\r\n\r\n                const active =\r\n                    item.dataset.value === value;\r\n\r\n\r\n                item.classList.toggle(\r\n                    'is-active',\r\n                    active\r\n                );\r\n\r\n\r\n                const actionText =\r\n                    item.querySelector(\r\n                        '.sb-values__card-action-text'\r\n                    );\r\n\r\n\r\n                const icon =\r\n                    item.querySelector(\r\n                        '.sb-values__card-action-icon'\r\n                    );\r\n\r\n\r\n                if (actionText) {\r\n\r\n                    actionText.textContent =\r\n                        active\r\n                            ? 'Otvoreno'\r\n                            : 'Pro\u010ditaj vi\u0161e';\r\n\r\n                }\r\n\r\n\r\n                if (icon) {\r\n\r\n                    icon.textContent =\r\n                        active ? '-' : '+';\r\n\r\n                }\r\n\r\n            });\r\n\r\n\r\n            contents.forEach(function(content) {\r\n\r\n                content.classList.toggle(\r\n                    'is-active',\r\n                    content.dataset.content === value\r\n                );\r\n\r\n            });\r\n\r\n\r\n            if (data[value]) {\r\n\r\n                if (panelTitle) {\r\n\r\n                    panelTitle.textContent =\r\n                        data[value].title;\r\n\r\n                }\r\n\r\n\r\n                if (panelLabel) {\r\n\r\n                    panelLabel.textContent =\r\n                        'Vrednost ' +\r\n                        data[value].number;\r\n\r\n                }\r\n\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7a355dc e-flex e-con-boxed e-con e-parent\" data-id=\"7a355dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f23187f elementor-widget elementor-widget-html\" data-id=\"f23187f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - O MENI\r\n   POVERENJE JE KLJU\u010c\r\n   ========================================================= *\/\r\n\r\n.sb-trust,\r\n.sb-trust * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-trust {\r\n    --green: #445236;\r\n    --rust: #b05330;\r\n    --cream: #f5f1e5;\r\n    --soft: #fdfbf5;\r\n    --sand: #ebe5d3;\r\n    --body: #30332d;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    background: var(--cream);\r\n    color: var(--body);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* velika pozadinska re\u010d *\/\r\n\r\n.sb-trust::before {\r\n    content: \"POVERENJE\";\r\n\r\n    position: absolute;\r\n    left: -25px;\r\n    bottom: -42px;\r\n\r\n    white-space: nowrap;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(125px, 17vw, 290px);\r\n    font-weight: 400;\r\n\r\n    line-height: .8;\r\n    letter-spacing: -.045em;\r\n\r\n    color: rgba(68, 82, 54, .035);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n   ========================================================= *\/\r\n\r\n.sb-trust__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1400px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        clamp(110px, 10vw, 160px)\r\n        0\r\n        clamp(120px, 10vw, 170px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNI GRID\r\n   ========================================================= *\/\r\n\r\n.sb-trust__grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(330px, .78fr)\r\n        minmax(0, 1.22fr);\r\n\r\n    column-gap: clamp(70px, 8vw, 140px);\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-trust__left {\r\n    position: relative;\r\n}\r\n\r\n\r\n.sb-trust__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-trust__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 35px;\r\n    height: 1px;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n.sb-trust__title {\r\n    max-width: 520px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(58px, 6vw, 92px);\r\n    font-weight: 400;\r\n\r\n    line-height: .92;\r\n    letter-spacing: -.03em;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-trust__left-note {\r\n    max-width: 430px;\r\n\r\n    margin: 38px 0 0;\r\n    padding-top: 27px;\r\n\r\n    border-top: 1px solid rgba(68,82,54,.18);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.7;\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRI ISKRENA MOMENTA\r\n   ========================================================= *\/\r\n\r\n.sb-trust__words {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    margin-top: 36px;\r\n}\r\n\r\n\r\n.sb-trust__word {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    min-height: 42px;\r\n\r\n    padding: 10px 16px;\r\n\r\n    border: 1px solid rgba(68,82,54,.20);\r\n\r\n    background: rgba(253,251,245,.55);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    color: var(--green);\r\n\r\n    transition:\r\n        background-color .25s ease,\r\n        color .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.sb-trust__word:hover {\r\n    background: var(--rust);\r\n    border-color: var(--rust);\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-trust__content {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.sb-trust__lead {\r\n    margin: 0;\r\n\r\n    max-width: 760px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(21px, 1.7vw, 25px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.sb-trust__lead strong {\r\n    color: var(--rust);\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SREDNJI TEKST\r\n   NEMA MARGINA NA PASUSIMA\r\n   RAZMAK KONTROLI\u0160E SAMO GAP\r\n   ========================================================= *\/\r\n\r\n.sb-trust__body {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    column-gap: clamp(34px, 4vw, 60px);\r\n    row-gap: 16px;\r\n\r\n    margin-top: 39px;\r\n    padding-top: 38px;\r\n\r\n    border-top: 1px solid rgba(68,82,54,.18);\r\n}\r\n\r\n\r\n.sb-trust__body-item {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n\/* raspored na desktopu *\/\r\n\r\n.sb-trust__body-item:nth-child(1) {\r\n    grid-column: 1;\r\n    grid-row: 1;\r\n}\r\n\r\n.sb-trust__body-item:nth-child(2) {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n}\r\n\r\n.sb-trust__body-item:nth-child(3) {\r\n    grid-column: 1;\r\n    grid-row: 3;\r\n}\r\n\r\n.sb-trust__body-item:nth-child(4) {\r\n    grid-column: 2;\r\n    grid-row: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SA SVOJE STRANE\r\n   ========================================================= *\/\r\n\r\n.sb-trust__give {\r\n    position: relative;\r\n\r\n    margin-top: 42px;\r\n\r\n    padding:\r\n        31px\r\n        34px\r\n        33px;\r\n\r\n    background: var(--sand);\r\n\r\n    border-left: 2px solid var(--rust);\r\n}\r\n\r\n\r\n.sb-trust__give-label {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-trust__give p {\r\n    margin: 0;\r\n\r\n    max-width: 880px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16.5px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAVR\u0160NI STATEMENT\r\n   ========================================================= *\/\r\n\r\n.sb-trust__statement {\r\n    position: relative;\r\n\r\n    margin-top: 58px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(190px, .28fr)\r\n        minmax(0, .72fr);\r\n\r\n    align-items: center;\r\n\r\n    background: var(--green);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.sb-trust__statement-side {\r\n    position: relative;\r\n\r\n    min-height: 220px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 32px;\r\n\r\n    border-right: 1px solid rgba(245,241,229,.18);\r\n}\r\n\r\n\r\n.sb-trust__statement-mark {\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(84px, 8vw, 124px);\r\n    font-weight: 400;\r\n\r\n    line-height: .8;\r\n\r\n    color: var(--rust);\r\n}\r\n\r\n\r\n.sb-trust__statement-content {\r\n    padding:\r\n        46px\r\n        clamp(42px, 6vw, 84px);\r\n}\r\n\r\n\r\n.sb-trust__statement-content::before {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 38px;\r\n    height: 2px;\r\n\r\n    margin-bottom: 19px;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n.sb-trust__statement-label {\r\n    display: block;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245,241,229,.60);\r\n}\r\n\r\n\r\n.sb-trust__statement-text {\r\n    max-width: 830px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(36px, 3.5vw, 56px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n    letter-spacing: -.018em;\r\n\r\n    color: var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-trust__inner {\r\n        width: min(100% - 64px, 1200px);\r\n    }\r\n\r\n\r\n    .sb-trust__grid {\r\n        column-gap: 60px;\r\n    }\r\n\r\n\r\n    \/* jedna kolona, svi razmaci identi\u010dni *\/\r\n\r\n    .sb-trust__body {\r\n        grid-template-columns: 1fr;\r\n        row-gap: 16px;\r\n    }\r\n\r\n\r\n    .sb-trust__body-item:nth-child(n) {\r\n        grid-column: 1;\r\n        grid-row: auto;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-trust::before {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .sb-trust__inner {\r\n        width: 100%;\r\n\r\n        padding:\r\n            76px\r\n            24px\r\n            84px;\r\n    }\r\n\r\n\r\n    .sb-trust__grid {\r\n        display: block;\r\n    }\r\n\r\n\r\n    .sb-trust__title {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(52px, 16vw, 72px);\r\n    }\r\n\r\n\r\n    .sb-trust__left-note {\r\n        margin-top: 29px;\r\n\r\n        font-size: 15.5px;\r\n    }\r\n\r\n\r\n    .sb-trust__words {\r\n        margin-top: 28px;\r\n    }\r\n\r\n\r\n    .sb-trust__content {\r\n        margin-top: 52px;\r\n    }\r\n\r\n\r\n    .sb-trust__lead {\r\n        font-size: 20px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n\r\n    .sb-trust__body {\r\n        grid-template-columns: 1fr;\r\n\r\n        row-gap: 14px;\r\n\r\n        margin-top: 31px;\r\n        padding-top: 30px;\r\n    }\r\n\r\n\r\n    .sb-trust__body-item:nth-child(n) {\r\n        grid-column: 1;\r\n        grid-row: auto;\r\n    }\r\n\r\n\r\n    .sb-trust__body-item {\r\n        font-size: 15.5px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n\r\n    .sb-trust__give {\r\n        margin-top: 33px;\r\n\r\n        padding:\r\n            25px\r\n            23px\r\n            27px;\r\n    }\r\n\r\n\r\n    .sb-trust__give p {\r\n        font-size: 15.5px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n\r\n    .sb-trust__statement {\r\n        display: block;\r\n\r\n        margin-top: 43px;\r\n    }\r\n\r\n\r\n    .sb-trust__statement-side {\r\n        min-height: 110px;\r\n\r\n        justify-content: flex-start;\r\n\r\n        padding:\r\n            24px\r\n            25px;\r\n\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(245,241,229,.16);\r\n    }\r\n\r\n\r\n    .sb-trust__statement-mark {\r\n        font-size: 74px;\r\n    }\r\n\r\n\r\n    .sb-trust__statement-content {\r\n        padding:\r\n            32px\r\n            25px\r\n            36px;\r\n    }\r\n\r\n\r\n    .sb-trust__statement-text {\r\n        font-size: 37px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFON\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-trust__inner {\r\n        padding:\r\n            66px\r\n            20px\r\n            74px;\r\n    }\r\n\r\n\r\n    .sb-trust__word {\r\n        font-size: 12px;\r\n\r\n        padding:\r\n            9px\r\n            13px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-trust\">\r\n\r\n    <div class=\"sb-trust__inner\">\r\n\r\n        <div class=\"sb-trust__grid\">\r\n\r\n\r\n            <!-- LEVO -->\r\n\r\n            <div class=\"sb-trust__left\">\r\n\r\n                <div class=\"sb-trust__eyebrow\">\r\n                    Odnos pre projekta\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-trust__title\">\r\n                    Poverenje je klju\u010d\r\n                <\/h2>\r\n\r\n                <p class=\"sb-trust__left-note\">\r\n                    Klijenti sa kojima \u017eelim da radim nisu projekti.\r\n                    Za mene je saradnja odnos.\r\n                <\/p>\r\n\r\n                <div class=\"sb-trust__words\">\r\n\r\n                    <span class=\"sb-trust__word\">\r\n                        \"ne znam\"\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-trust__word\">\r\n                        \"pla\u0161im se\"\r\n                    <\/span>\r\n\r\n                    <span class=\"sb-trust__word\">\r\n                        \"nisam spremna\"\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DESNO -->\r\n\r\n            <div class=\"sb-trust__content\">\r\n\r\n                <p class=\"sb-trust__lead\">\r\n                    Va\u017eno mi je da se tokom procesa ose\u0107a\u0161\r\n                    <strong>vi\u0111eno, saslu\u0161ano, sigurno i ravnopravno.<\/strong>\r\n                <\/p>\r\n\r\n\r\n                <!--\r\n                    OVAJ DEO JE SADA JEDAN GRID.\r\n                    NEMA VI\u0160E DVA COLUMN WRAPPERA.\r\n                -->\r\n\r\n                <div class=\"sb-trust__body\">\r\n\r\n                    <p class=\"sb-trust__body-item\">\r\n                        Da mo\u017ee\u0161 da ka\u017ee\u0161 \"ne znam\", \"pla\u0161im se\", \"nisam spremna\".\r\n                    <\/p>\r\n\r\n                    <p class=\"sb-trust__body-item\">\r\n                        Da mo\u017ee\u0161 da za\u0107uti\u0161 kad oseti\u0161 da ti to treba. Ili da oslobodi\u0161 iz sebe ono \u0161to je dugo \u010dekalo.\r\n                    <\/p>\r\n\r\n                    <p class=\"sb-trust__body-item\">\r\n                        Da mo\u017ee\u0161 da promeni\u0161 mi\u0161ljenje.\r\n                    <\/p>\r\n\r\n                    <p class=\"sb-trust__body-item\">\r\n                        Da ne mora\u0161 da se optere\u0107uje\u0161 i koristi\u0161 stru\u010dne izraze da bi objasnio\/la ose\u0107aj.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- \u0160TA SVETLANA DONOSI -->\r\n\r\n                <div class=\"sb-trust__give\">\r\n\r\n                    <span class=\"sb-trust__give-label\">\r\n                        Sa svoje strane donosim\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        Strukturu, jasne korake, profesionalnu odgovornost, toplinu, osmeh, veliku unutra\u0161nju radost, podr\u0161ku i spremnost da \u010dujem ono \u0161to mi govori\u0161 - \u010dak i kada ti to jo\u0161 ne ume\u0161 potpuno da sam\/a defini\u0161e\u0161, vidi\u0161 ili objasni\u0161.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FINALNI STATEMENT -->\r\n\r\n        <div class=\"sb-trust__statement\">\r\n\r\n            <div class=\"sb-trust__statement-side\">\r\n\r\n                <span class=\"sb-trust__statement-mark\">\r\n                    \u201d\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-trust__statement-content\">\r\n\r\n                <span class=\"sb-trust__statement-label\">\r\n                    Za kvalitet tog odnosa potrebno mi je jedno\r\n                <\/span>\r\n\r\n                <p class=\"sb-trust__statement-text\">\r\n                    Poverenje sa obe strane.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63a6bb3 e-flex e-con-boxed e-con e-parent\" data-id=\"63a6bb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2eb1f1 elementor-widget elementor-widget-html\" data-id=\"f2eb1f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106 - O MENI\r\n   ZAVR\u0160NI CTA - REFINED VERSION\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta,\r\n.sb-final-cta * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-final-cta {\r\n    --green: #445236;\r\n    --rust: #b05330;\r\n    --cream: #f5f1e5;\r\n    --soft: #fdfbf5;\r\n    --body: #30332d;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 720px;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n\r\n    overflow: hidden;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(38, 47, 32, .30) 0%,\r\n            rgba(38, 47, 32, .10) 50%,\r\n            rgba(38, 47, 32, .02) 100%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(38, 47, 32, .18) 0%,\r\n            rgba(38, 47, 32, 0) 55%\r\n        ),\r\n        url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg\");\r\n\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center 42%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1400px, calc(100% - 96px));\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        110px\r\n        0\r\n        72px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__card {\r\n    width: min(670px, 100%);\r\n\r\n    padding:\r\n        46px\r\n        48px\r\n        45px;\r\n\r\n    background: rgba(245, 241, 229, .94);\r\n\r\n    backdrop-filter: blur(7px);\r\n    -webkit-backdrop-filter: blur(7px);\r\n\r\n    border: 1px solid rgba(245, 241, 229, .50);\r\n}\r\n\r\n\r\n\/* mali akcent *\/\r\n\r\n.sb-final-cta__line {\r\n    display: block;\r\n\r\n    width: 38px;\r\n    height: 2px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    background: var(--rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__title {\r\n    margin: 0;\r\n\r\n    max-width: 590px;\r\n\r\n    color: var(--green);\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -.018em;\r\n}\r\n\r\n\r\n\/* ja\u010di prvi deo *\/\r\n\r\n.sb-final-cta__title-main {\r\n    display: block;\r\n\r\n    font-size: clamp(43px, 4vw, 61px);\r\n\r\n    line-height: .98;\r\n}\r\n\r\n\r\n\/* mirniji drugi deo *\/\r\n\r\n.sb-final-cta__title-secondary {\r\n    display: block;\r\n\r\n    max-width: 570px;\r\n\r\n    margin-top: 18px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(17px, 1.45vw, 20px);\r\n    font-weight: 400;\r\n\r\n    line-height: 1.55;\r\n    letter-spacing: 0;\r\n\r\n    color: var(--body);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-final-cta__button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 22px;\r\n\r\n    margin-top: 32px;\r\n\r\n    padding:\r\n        14px\r\n        18px\r\n        14px\r\n        20px;\r\n\r\n    background: var(--green);\r\n\r\n    border: 1px solid var(--green);\r\n\r\n    color: var(--cream);\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10.5px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1.2;\r\n\r\n    letter-spacing: .09em;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background-color .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.sb-final-cta__button-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    flex: 0 0 27px;\r\n\r\n    border: 1px solid rgba(245, 241, 229, .35);\r\n    border-radius: 50%;\r\n\r\n    font-size: 14px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.sb-final-cta__button:hover {\r\n    background: var(--rust);\r\n    border-color: var(--rust);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.sb-final-cta__button:hover .sb-final-cta__button-arrow {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-final-cta {\r\n        min-height: 700px;\r\n\r\n        background-position: 56% center;\r\n    }\r\n\r\n    .sb-final-cta__inner {\r\n        width: min(100% - 64px, 1200px);\r\n    }\r\n\r\n    .sb-final-cta__card {\r\n        width: min(620px, 100%);\r\n\r\n        padding:\r\n            42px\r\n            42px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-final-cta {\r\n        min-height: 720px;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                0deg,\r\n                rgba(38, 47, 32, .35) 0%,\r\n                rgba(38, 47, 32, .12) 55%,\r\n                rgba(38, 47, 32, 0) 100%\r\n            ),\r\n            url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg\");\r\n\r\n        background-position: center 40%;\r\n    }\r\n\r\n\r\n    .sb-final-cta__inner {\r\n        width: 100%;\r\n\r\n        padding:\r\n            300px\r\n            20px\r\n            24px;\r\n    }\r\n\r\n\r\n    .sb-final-cta__card {\r\n        width: 100%;\r\n\r\n        padding:\r\n            31px\r\n            26px\r\n            30px;\r\n    }\r\n\r\n\r\n    .sb-final-cta__line {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n\r\n    .sb-final-cta__title-main {\r\n        font-size: clamp(39px, 11.5vw, 50px);\r\n    }\r\n\r\n\r\n    .sb-final-cta__title-secondary {\r\n        margin-top: 15px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n\r\n    .sb-final-cta__button {\r\n        width: 100%;\r\n\r\n        margin-top: 27px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFON\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sb-final-cta {\r\n        min-height: 680px;\r\n    }\r\n\r\n\r\n    .sb-final-cta__inner {\r\n        padding:\r\n            270px\r\n            16px\r\n            16px;\r\n    }\r\n\r\n\r\n    .sb-final-cta__card {\r\n        padding:\r\n            28px\r\n            22px\r\n            27px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-final-cta\">\r\n\r\n    <div class=\"sb-final-cta__inner\">\r\n\r\n        <div class=\"sb-final-cta__card\">\r\n\r\n            <span class=\"sb-final-cta__line\"><\/span>\r\n\r\n\r\n            <h2 class=\"sb-final-cta__title\">\r\n\r\n                <span class=\"sb-final-cta__title-main\">\r\n                    Ako od svog doma \u017eeli\u0161 ne\u0161to vi\u0161e od lepog enterijera,\r\n                <\/span>\r\n\r\n                <span class=\"sb-final-cta__title-secondary\">\r\n                    veruje\u0161 da je sve oko nas energija koja nas pokre\u0107e i defini\u0161e, na pravom si mestu.\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <a\r\n                class=\"sb-final-cta__button\"\r\n                href=\"https:\/\/svetlanabrkic.rs\/index.php\/oblasti-rada\/\"\r\n            >\r\n\r\n                <span>\r\n                    Pogledaj kako mo\u017eemo da radimo zajedno\r\n                <\/span>\r\n\r\n                <span class=\"sb-final-cta__button-arrow\">\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vizuelno izra\u017eavanje je oduvek bilo moj jezik. Veliki deo mog sveta je i arhitektura. Ja sam Svetlana Brki\u0107, arhitekta i osniva\u010d arhitektonskog biroa SB Project-a. Vi\u0161e od osamnaest godina profesionalnog iskustva u arhitekturi i vi\u0161e od decenije li\u010dnog rada doveli su me do pristupa u kojem prostor vi\u0161e ne posmatram odvojeno od autenti\u010dnosti i unutra\u0161nje [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-4426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/4426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/comments?post=4426"}],"version-history":[{"count":7,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/4426\/revisions"}],"predecessor-version":[{"id":8484,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/4426\/revisions\/8484"}],"wp:attachment":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/media?parent=4426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}