{"id":12,"date":"2026-06-03T17:25:24","date_gmt":"2026-06-03T17:25:24","guid":{"rendered":"https:\/\/kimberlly.com.br\/?page_id=12"},"modified":"2026-06-03T19:10:10","modified_gmt":"2026-06-03T19:10:10","slug":"kimberlly-arquiteta","status":"publish","type":"page","link":"https:\/\/kimberlly.com.br\/","title":{"rendered":"Kimberlly Arquiteta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32b5a89 e-con-full e-flex e-con e-parent\" data-id=\"32b5a89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2703c15 elementor-widget elementor-widget-html\" data-id=\"2703c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O TOPO \u2014 CARROSSEL ASSINATURA + NAVBAR\n KIMBERLLY SANTORO ARQUITETURA\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-signature-showcase\" id=\"inicio\">\n  <!-- NAVBAR -->\n  <header class=\"ks-top-nav\">\n    <div class=\"ks-top-nav-inner\">\n      <a href=\"#inicio\" class=\"ks-top-brand\" aria-label=\"Kimberlly Santoro Arquitetura e Interiores\">\n        <img decoding=\"async\"\n          src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/simbolo-01-scaled.png\"\n          alt=\"Kimberlly Santoro Arquitetura e Interiores\"\n        >\n      <\/a>\n\n      <nav class=\"ks-top-menu\" aria-label=\"Navega\u00e7\u00e3o principal\">\n        <a href=\"#projetos\">Projetos<\/a>\n        <a href=\"#processo\">Processo<\/a>\n        <a href=\"#sobre\">Sobre<\/a>\n        <a href=\"#contato\">Contato<\/a>\n      <\/nav>\n\n      <a class=\"ks-top-nav-cta\" href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n        Solicitar projeto\n      <\/a>\n\n      <button class=\"ks-top-mobile-btn\" type=\"button\" aria-label=\"Abrir menu\" aria-expanded=\"false\">\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <!-- OFF CANVAS MOBILE -->\n  <div class=\"ks-top-offcanvas-overlay\" aria-hidden=\"true\"><\/div>\n\n  <aside class=\"ks-top-offcanvas\" aria-hidden=\"true\" aria-label=\"Menu mobile\">\n    <div class=\"ks-top-offcanvas-head\">\n      <a href=\"#inicio\" class=\"ks-top-offcanvas-brand\" aria-label=\"Kimberlly Santoro Arquitetura e Interiores\">\n        <img decoding=\"async\"\n          src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/simbolo-01-scaled.png\"\n          alt=\"\"\n        >\n      <\/a>\n\n      <button class=\"ks-top-offcanvas-close\" type=\"button\" aria-label=\"Fechar menu\">\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"ks-top-offcanvas-label\">\n      Navega\u00e7\u00e3o\n    <\/div>\n\n    <nav class=\"ks-top-offcanvas-nav\" aria-label=\"Navega\u00e7\u00e3o mobile\">\n      <a href=\"#projetos\">\n        <span>Projetos<\/span>\n        <i><\/i>\n      <\/a>\n\n      <a href=\"#processo\">\n        <span>Processo<\/span>\n        <i><\/i>\n      <\/a>\n\n      <a href=\"#sobre\">\n        <span>Sobre<\/span>\n        <i><\/i>\n      <\/a>\n\n      <a href=\"#contato\">\n        <span>Contato<\/span>\n        <i><\/i>\n      <\/a>\n    <\/nav>\n\n    <div class=\"ks-top-offcanvas-bottom\">\n      <p>\n        Projetos residenciais e interiores com est\u00e9tica, fun\u00e7\u00e3o e identidade.\n      <\/p>\n\n      <a class=\"ks-top-offcanvas-cta\" href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n        Solicitar atendimento\n      <\/a>\n    <\/div>\n  <\/aside>\n\n  <!-- CARROSSEL -->\n  <div class=\"ks-signature-carousel\" aria-label=\"Carrossel de projetos Kimberlly Santoro\">\n    <div class=\"ks-signature-track\">\n      <article class=\"ks-signature-slide is-active\">\n        <img decoding=\"async\"\n          src=\"https:\/\/kimberlly.com.br\/wp-content\/uploads\/2026\/06\/arquitetura-e-design-de-interiores-em-balneario-camboriu-3.webp\"\n          alt=\"Projeto sofisticado de arquitetura e interiores\"\n        >\n      <\/article>\n\n      <article class=\"ks-signature-slide\">\n        <img decoding=\"async\"\n          src=\"https:\/\/kimberlly.com.br\/wp-content\/uploads\/2026\/06\/arquitetura-e-design-de-interiores-em-balneario-camboriu-2.webp\"\n          alt=\"Ambiente planejado com arquitetura e design de interiores\"\n        >\n      <\/article>\n\n      <article class=\"ks-signature-slide\">\n        <img decoding=\"async\"\n          src=\"https:\/\/kimberlly.com.br\/wp-content\/uploads\/2026\/06\/arquitetura-e-design-de-interiores-em-balneario-camboriu-1.webp\"\n          alt=\"Projeto de interiores autoral em Balne\u00e1rio Cambori\u00fa\"\n        >\n      <\/article>\n\n      <article class=\"ks-signature-slide\">\n        <img decoding=\"async\"\n          src=\"https:\/\/kimberlly.com.br\/wp-content\/uploads\/2026\/06\/arquitetura-e-design-de-interiores-em-balneario-camboriu.webp\"\n          alt=\"Projeto de arquitetura e design de interiores em Balne\u00e1rio Cambori\u00fa\"\n        >\n      <\/article>\n    <\/div>\n\n    <div class=\"ks-signature-overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"ks-signature-grain\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ks-signature-content\">\n      <div class=\"ks-signature-line\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"ks-signature-mark\">\n        <img decoding=\"async\"\n          src=\"https:\/\/kimberlly.com.br\/wp-content\/uploads\/2026\/06\/assinatura-kimberly.png\"\n          alt=\"Assinatura Kimberlly Santoro\"\n        >\n      <\/div>\n\n      <p>\n        Arquitetura & interiores em Balne\u00e1rio Cambori\u00fa\n      <\/p>\n\n      <a class=\"ks-signature-cta\" href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n        <span>Solicitar atendimento<\/span>\n        <i><\/i>\n      <\/a>\n    <\/div>\n\n    <div class=\"ks-signature-bottom\">\n      <div class=\"ks-signature-counter\">\n        <span class=\"ks-current\">01<\/span>\n        <i><\/i>\n        <span class=\"ks-total\">04<\/span>\n      <\/div>\n\n      <div class=\"ks-signature-progress\">\n        <span><\/span>\n      <\/div>\n\n      <div class=\"ks-signature-dots\" aria-label=\"Selecionar imagem\">\n        <button class=\"is-active\" type=\"button\" aria-label=\"Imagem 1\"><\/button>\n        <button type=\"button\" aria-label=\"Imagem 2\"><\/button>\n        <button type=\"button\" aria-label=\"Imagem 3\"><\/button>\n        <button type=\"button\" aria-label=\"Imagem 4\"><\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F7EEE4;\n    --ks-dark: #2C211A;\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-signature-showcase,\n  .ks-signature-showcase * {\n    box-sizing: border-box;\n  }\n\n  .ks-signature-showcase a,\n  .ks-signature-showcase a:hover,\n  .ks-signature-showcase a:focus,\n  .ks-signature-showcase a:active,\n  .ks-signature-showcase button,\n  .ks-signature-showcase button:hover,\n  .ks-signature-showcase button:focus,\n  .ks-signature-showcase button:active {\n    outline: none !important;\n    box-shadow: none !important;\n    text-decoration: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-signature-showcase {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    background: #211711;\n    color: var(--ks-white);\n    font-family: var(--ks-sans);\n  }\n\n  \/* NAVBAR *\/\n\n  .ks-top-nav {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 2147483000 !important;\n    width: 100%;\n    height: 104px;\n    padding: 20px 0 0;\n    transition:\n      background .35s ease,\n      backdrop-filter .35s ease,\n      box-shadow .35s ease,\n      height .35s ease,\n      padding .35s ease;\n  }\n\n  .ks-top-nav.is-scrolled {\n    position: fixed;\n    height: 82px;\n    padding: 14px 0 0;\n    background: rgba(247, 238, 228, .82);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    box-shadow: 0 14px 40px rgba(44, 33, 26, .08);\n  }\n\n  .ks-top-nav-inner {\n    position: relative;\n    z-index: 2147483001 !important;\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .ks-top-brand {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 74px;\n    height: 74px;\n    flex: 0 0 auto;\n  }\n\n  .ks-top-brand img {\n    width: 62px;\n    height: 62px;\n    object-fit: contain;\n    display: block;\n    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .18));\n    transition: width .35s ease, height .35s ease;\n  }\n\n  .ks-top-nav.is-scrolled .ks-top-brand {\n    width: 54px;\n    height: 54px;\n  }\n\n  .ks-top-nav.is-scrolled .ks-top-brand img {\n    width: 48px;\n    height: 48px;\n  }\n\n  .ks-top-menu {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: clamp(18px, 2.2vw, 34px);\n  }\n\n  .ks-top-menu a {\n    position: relative;\n    color: rgba(255, 250, 243, .88) !important;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    transition: color .3s ease;\n  }\n\n  .ks-top-nav.is-scrolled .ks-top-menu a {\n    color: rgba(44, 33, 26, .88) !important;\n  }\n\n  .ks-top-menu a::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -8px;\n    width: 0;\n    height: 1px;\n    background: var(--ks-clay);\n    transition: width .35s ease;\n  }\n\n  .ks-top-menu a:hover,\n  .ks-top-menu a:focus,\n  .ks-top-menu a:active {\n    color: var(--ks-clay) !important;\n  }\n\n  .ks-top-nav.is-scrolled .ks-top-menu a:hover,\n  .ks-top-nav.is-scrolled .ks-top-menu a:focus,\n  .ks-top-nav.is-scrolled .ks-top-menu a:active {\n    color: var(--ks-brown) !important;\n  }\n\n  .ks-top-menu a:hover::after {\n    width: 100%;\n  }\n\n  .ks-top-nav-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    padding: 0 20px;\n    border-radius: 999px;\n    color: var(--ks-white) !important;\n    background: var(--ks-brown) !important;\n    border: 1px solid var(--ks-brown) !important;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    transition:\n      transform .35s ease,\n      background .35s ease,\n      border-color .35s ease;\n  }\n\n  .ks-top-nav-cta:hover,\n  .ks-top-nav-cta:focus,\n  .ks-top-nav-cta:active {\n    transform: translateY(-2px);\n    background: var(--ks-brown-dark) !important;\n    border-color: var(--ks-brown-dark) !important;\n    color: var(--ks-white) !important;\n  }\n\n  .ks-top-mobile-btn {\n    display: none;\n    width: 50px;\n    height: 50px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 250, 243, .28) !important;\n    background: rgba(255, 250, 243, .12) !important;\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    cursor: pointer;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 6px;\n    padding: 0;\n  }\n\n  .ks-top-nav.is-scrolled .ks-top-mobile-btn {\n    border-color: rgba(160, 85, 36, .26) !important;\n    background: rgba(255, 250, 243, .72) !important;\n  }\n\n  .ks-top-mobile-btn span {\n    width: 18px;\n    height: 1px;\n    background: var(--ks-white) !important;\n    display: block;\n    transition: transform .3s ease;\n  }\n\n  .ks-top-nav.is-scrolled .ks-top-mobile-btn span {\n    background: var(--ks-brown) !important;\n  }\n\n  .ks-top-mobile-btn.is-open span:first-child {\n    transform: translateY(3.5px) rotate(45deg);\n  }\n\n  .ks-top-mobile-btn.is-open span:last-child {\n    transform: translateY(-3.5px) rotate(-45deg);\n  }\n\n  \/* OFF CANVAS *\/\n\n  .ks-top-offcanvas-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 2147483002 !important;\n    background: rgba(44, 33, 26, .36);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity .36s ease, visibility .36s ease;\n  }\n\n  .ks-top-offcanvas-overlay.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .ks-top-offcanvas {\n    position: fixed;\n    top: 0;\n    right: 0;\n    z-index: 2147483003 !important;\n    width: min(86vw, 390px);\n    height: 100dvh;\n    padding: 20px;\n    background: rgba(247, 238, 228, .97);\n    border-left: 1px solid rgba(160, 85, 36, .16);\n    box-shadow: -28px 0 90px rgba(44, 33, 26, .2);\n    transform: translateX(105%);\n    visibility: hidden;\n    transition:\n      transform .52s cubic-bezier(.22, 1, .36, 1),\n      visibility .52s ease;\n    overflow: hidden;\n    display: none;\n  }\n\n  .ks-top-offcanvas.is-open {\n    transform: translateX(0);\n    visibility: visible;\n  }\n\n  .ks-top-offcanvas-head {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(160, 85, 36, .14);\n  }\n\n  .ks-top-offcanvas-brand {\n    display: inline-flex;\n    width: 48px;\n    height: 48px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ks-top-offcanvas-brand img {\n    width: 42px;\n    height: 42px;\n    object-fit: contain;\n    display: block;\n  }\n\n  .ks-top-offcanvas-close {\n    width: 44px;\n    height: 44px;\n    border-radius: 999px;\n    border: 1px solid rgba(160, 85, 36, .22) !important;\n    background: rgba(255, 250, 243, .58) !important;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n  }\n\n  .ks-top-offcanvas-close span {\n    position: absolute;\n    width: 17px;\n    height: 1px;\n    background: var(--ks-brown) !important;\n    display: block;\n  }\n\n  .ks-top-offcanvas-close span:first-child {\n    transform: rotate(45deg);\n  }\n\n  .ks-top-offcanvas-close span:last-child {\n    transform: rotate(-45deg);\n  }\n\n  .ks-top-offcanvas-label {\n    margin-top: 26px;\n    color: var(--ks-brown);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n  }\n\n  .ks-top-offcanvas-nav {\n    display: grid;\n    gap: 8px;\n    padding: 20px 0 0;\n  }\n\n  .ks-top-offcanvas-nav a {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    min-height: 62px;\n    padding: 0 4px;\n    border-bottom: 1px solid rgba(160, 85, 36, .12);\n    color: var(--ks-dark) !important;\n    transition: color .3s ease, padding-left .3s ease;\n  }\n\n  .ks-top-offcanvas-nav a:hover,\n  .ks-top-offcanvas-nav a:focus,\n  .ks-top-offcanvas-nav a:active {\n    color: var(--ks-brown) !important;\n    padding-left: 8px;\n  }\n\n  .ks-top-offcanvas-nav span {\n    font-family: var(--ks-serif);\n    font-size: clamp(34px, 9vw, 46px);\n    line-height: 1;\n    letter-spacing: -.045em;\n    font-weight: 300;\n  }\n\n  .ks-top-offcanvas-nav i {\n    width: 32px;\n    height: 32px;\n    border-radius: 999px;\n    border: 1px solid rgba(160, 85, 36, .18);\n    background: rgba(255, 250, 243, .4);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ks-top-offcanvas-nav i::before {\n    content: \"\";\n    position: absolute;\n    width: 7px;\n    height: 7px;\n    border-top: 1px solid var(--ks-brown);\n    border-right: 1px solid var(--ks-brown);\n    top: 12px;\n    left: 11px;\n    transform: rotate(45deg);\n  }\n\n  .ks-top-offcanvas-bottom {\n    margin-top: auto;\n    padding-top: 24px;\n  }\n\n  .ks-top-offcanvas-bottom p {\n    margin: 0 0 18px;\n    color: rgba(44, 33, 26, .68);\n    font-size: 13.8px;\n    line-height: 1.52;\n    font-weight: 400;\n    max-width: 300px;\n  }\n\n  .ks-top-offcanvas-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 52px;\n    border-radius: 999px;\n    border: 1px solid var(--ks-brown) !important;\n    background: var(--ks-brown) !important;\n    color: var(--ks-white) !important;\n    font-size: 10.8px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n  }\n\n  body.ks-top-offcanvas-lock {\n    overflow: hidden !important;\n  }\n\n  \/* CARROSSEL *\/\n\n  .ks-signature-carousel {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    isolation: isolate;\n  }\n\n  .ks-signature-track {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n  }\n\n  .ks-signature-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    transform: scale(1.06);\n    transition:\n      opacity 1.25s cubic-bezier(.22, 1, .36, 1),\n      transform 7s cubic-bezier(.22, 1, .36, 1);\n    will-change: opacity, transform;\n  }\n\n  .ks-signature-slide.is-active {\n    opacity: 1;\n    transform: scale(1);\n    z-index: 2;\n  }\n\n  .ks-signature-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    filter: saturate(.94) contrast(1.04) brightness(.76);\n  }\n\n  .ks-signature-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    background:\n      radial-gradient(circle at 50% 48%, rgba(255, 250, 243, .08), transparent 34%),\n      linear-gradient(\n        180deg,\n        rgba(33, 23, 17, .58) 0%,\n        rgba(33, 23, 17, .16) 38%,\n        rgba(33, 23, 17, .82) 100%\n      ),\n      linear-gradient(\n        90deg,\n        rgba(33, 23, 17, .68) 0%,\n        rgba(33, 23, 17, .12) 50%,\n        rgba(33, 23, 17, .62) 100%\n      );\n  }\n\n  .ks-signature-grain {\n    position: absolute;\n    inset: -50%;\n    z-index: 4;\n    opacity: .055;\n    pointer-events: none;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(255, 250, 243, .18) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(198, 138, 101, .14) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(7deg);\n  }\n\n  .ks-signature-content {\n    position: absolute;\n    inset: 0;\n    z-index: 8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    text-align: center;\n    padding: clamp(118px, 9vw, 160px) 24px clamp(116px, 8vw, 150px);\n    pointer-events: none;\n  }\n\n  .ks-signature-line {\n    width: clamp(58px, 7vw, 104px);\n    height: 2px;\n    margin-bottom: clamp(18px, 2vw, 26px);\n    background: var(--ks-brown);\n    border-radius: 999px;\n    box-shadow: 0 0 28px rgba(160, 85, 36, .32);\n  }\n\n  .ks-signature-mark {\n    width: min(760px, 84vw);\n    filter:\n      drop-shadow(0 26px 52px rgba(0, 0, 0, .5))\n      drop-shadow(0 0 28px rgba(255, 250, 243, .12));\n    animation: ksSignatureFloat 6s ease-in-out infinite;\n  }\n\n  .ks-signature-mark img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  .ks-signature-content p {\n    margin: clamp(12px, 1.7vw, 20px) 0 0;\n    color: rgba(255, 250, 243, .74);\n    font-size: clamp(11px, .95vw, 14px);\n    font-weight: 600;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n  }\n\n  .ks-signature-cta {\n    pointer-events: auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    min-height: 58px;\n    margin-top: clamp(26px, 3vw, 38px);\n    padding: 0 26px;\n    border-radius: 999px;\n    background: var(--ks-brown) !important;\n    border: 1px solid var(--ks-brown) !important;\n    color: var(--ks-white) !important;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    box-shadow: 0 18px 44px rgba(0, 0, 0, .2);\n    transition:\n      transform .35s ease,\n      background .35s ease,\n      border-color .35s ease;\n  }\n\n  .ks-signature-cta i {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: rgba(255, 250, 243, .16);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ks-signature-cta i::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-white);\n    border-right: 1px solid var(--ks-white);\n    top: 13px;\n    left: 11px;\n    transform: rotate(45deg);\n  }\n\n  .ks-signature-cta:hover,\n  .ks-signature-cta:focus,\n  .ks-signature-cta:active {\n    transform: translateY(-3px);\n    background: var(--ks-brown-dark) !important;\n    border-color: var(--ks-brown-dark) !important;\n    color: var(--ks-white) !important;\n  }\n\n  .ks-signature-bottom {\n    position: absolute;\n    left: clamp(22px, 4vw, 64px);\n    right: clamp(22px, 4vw, 64px);\n    bottom: clamp(24px, 3vw, 42px);\n    z-index: 10;\n    display: grid;\n    grid-template-columns: auto minmax(120px, 1fr) auto;\n    align-items: center;\n    gap: clamp(18px, 2.4vw, 34px);\n  }\n\n  .ks-signature-counter {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: rgba(255, 250, 243, .72);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .16em;\n  }\n\n  .ks-signature-counter i {\n    display: block;\n    width: 34px;\n    height: 1px;\n    background: rgba(255, 250, 243, .28);\n  }\n\n  .ks-signature-progress {\n    position: relative;\n    height: 1px;\n    background: rgba(255, 250, 243, .2);\n    overflow: hidden;\n  }\n\n  .ks-signature-progress span {\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: 0%;\n    background: rgba(255, 250, 243, .9);\n  }\n\n  .ks-signature-dots {\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 8px;\n  }\n\n  .ks-signature-dots button {\n    width: 7px;\n    height: 7px;\n    padding: 0;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 250, 243, .45) !important;\n    background: transparent !important;\n    cursor: pointer;\n    transition:\n      width .32s ease,\n      background .32s ease,\n      border-color .32s ease;\n  }\n\n  .ks-signature-dots button.is-active {\n    width: 26px;\n    background: var(--ks-white) !important;\n    border-color: var(--ks-white) !important;\n  }\n\n  @keyframes ksSignatureFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-7px);\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ks-top-menu,\n    .ks-top-nav-cta {\n      display: none;\n    }\n\n    .ks-top-mobile-btn {\n      display: inline-flex;\n    }\n\n    .ks-top-offcanvas {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 767px) {\n    :root {\n      --ks-side: 18px;\n    }\n\n    .ks-signature-showcase,\n    .ks-signature-carousel {\n      min-height: 86vh;\n    }\n\n    .ks-top-nav {\n      height: 76px;\n      padding: 12px 0 0;\n    }\n\n    .ks-top-nav.is-scrolled {\n      height: 68px;\n      padding-top: 10px;\n    }\n\n    .ks-top-nav-inner {\n      padding: 0 18px;\n    }\n\n    .ks-top-brand {\n      width: 52px;\n      height: 52px;\n    }\n\n    .ks-top-brand img {\n      width: 42px;\n      height: 42px;\n    }\n\n    .ks-top-nav.is-scrolled .ks-top-brand,\n    .ks-top-nav.is-scrolled .ks-top-brand img {\n      width: 42px;\n      height: 42px;\n    }\n\n    .ks-top-mobile-btn {\n      width: 44px;\n      height: 44px;\n    }\n\n    .ks-signature-slide img {\n      filter: saturate(.94) contrast(1.04) brightness(.7);\n    }\n\n    .ks-signature-overlay {\n      background:\n        radial-gradient(circle at 50% 46%, rgba(255, 250, 243, .08), transparent 38%),\n        linear-gradient(\n          180deg,\n          rgba(33, 23, 17, .62) 0%,\n          rgba(33, 23, 17, .18) 36%,\n          rgba(33, 23, 17, .86) 100%\n        );\n    }\n\n    .ks-signature-content {\n      padding: 92px 18px 110px;\n    }\n\n    .ks-signature-line {\n      width: 62px;\n      height: 2px;\n      margin-bottom: 18px;\n    }\n\n    .ks-signature-mark {\n      width: min(470px, 94vw);\n    }\n\n    .ks-signature-content p {\n      max-width: 320px;\n      margin-top: 12px;\n      font-size: 9.5px;\n      line-height: 1.55;\n      letter-spacing: .17em;\n    }\n\n    .ks-signature-cta {\n      width: min(100%, 320px);\n      min-height: 54px;\n      margin-top: 26px;\n      padding: 0 18px;\n      font-size: 10.7px;\n      text-align: center;\n    }\n\n    .ks-signature-cta i {\n      width: 30px;\n      height: 30px;\n    }\n\n    .ks-signature-cta i::before {\n      top: 11px;\n      left: 9px;\n    }\n\n    .ks-signature-bottom {\n      left: 18px;\n      right: 18px;\n      bottom: 22px;\n      grid-template-columns: 1fr auto;\n      gap: 14px;\n    }\n\n    .ks-signature-counter {\n      display: none;\n    }\n\n    .ks-signature-progress {\n      width: 100%;\n    }\n\n    .ks-signature-dots {\n      gap: 7px;\n    }\n\n    .ks-signature-dots button {\n      width: 6px;\n      height: 6px;\n    }\n\n    .ks-signature-dots button.is-active {\n      width: 22px;\n    }\n\n    .ks-top-offcanvas {\n      width: 88vw;\n      padding: 18px;\n    }\n\n    .ks-top-offcanvas-head {\n      padding-bottom: 18px;\n    }\n\n    .ks-top-offcanvas-label {\n      margin-top: 22px;\n    }\n\n    .ks-top-offcanvas-nav {\n      padding-top: 16px;\n      gap: 6px;\n    }\n\n    .ks-top-offcanvas-nav a {\n      min-height: 56px;\n    }\n\n    .ks-top-offcanvas-nav span {\n      font-size: clamp(31px, 8.8vw, 40px);\n    }\n\n    .ks-top-offcanvas-nav i {\n      width: 30px;\n      height: 30px;\n    }\n\n    .ks-top-offcanvas-bottom {\n      padding-top: 18px;\n    }\n\n    .ks-top-offcanvas-bottom p {\n      font-size: 13.4px;\n      line-height: 1.48;\n      margin-bottom: 16px;\n    }\n\n    .ks-top-offcanvas-cta {\n      min-height: 50px;\n      font-size: 10.5px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .ks-signature-showcase,\n    .ks-signature-carousel {\n      min-height: 82vh;\n    }\n\n    .ks-signature-mark {\n      width: min(420px, 96vw);\n    }\n\n    .ks-signature-content p {\n      font-size: 9px;\n    }\n\n    .ks-signature-cta {\n      min-height: 52px;\n      font-size: 10px;\n    }\n\n    .ks-top-offcanvas {\n      width: 90vw;\n      padding: 16px;\n    }\n\n    .ks-top-offcanvas-nav a {\n      min-height: 52px;\n    }\n\n    .ks-top-offcanvas-nav span {\n      font-size: 32px;\n    }\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const section = document.querySelector(\".ks-signature-showcase\");\n    if (!section) return;\n\n    const nav = section.querySelector(\".ks-top-nav\");\n    const mobileBtn = section.querySelector(\".ks-top-mobile-btn\");\n    const offcanvas = section.querySelector(\".ks-top-offcanvas\");\n    const offcanvasOverlay = section.querySelector(\".ks-top-offcanvas-overlay\");\n    const offcanvasClose = section.querySelector(\".ks-top-offcanvas-close\");\n\n    function handleNavScroll() {\n      if (!nav) return;\n\n      if (window.scrollY > 18) {\n        nav.classList.add(\"is-scrolled\");\n      } else {\n        nav.classList.remove(\"is-scrolled\");\n      }\n    }\n\n    handleNavScroll();\n    window.addEventListener(\"scroll\", handleNavScroll, { passive: true });\n\n    function openOffcanvas() {\n      if (!offcanvas || !offcanvasOverlay || !mobileBtn) return;\n\n      offcanvas.classList.add(\"is-open\");\n      offcanvasOverlay.classList.add(\"is-open\");\n      mobileBtn.classList.add(\"is-open\");\n      mobileBtn.setAttribute(\"aria-expanded\", \"true\");\n      offcanvas.setAttribute(\"aria-hidden\", \"false\");\n      offcanvasOverlay.setAttribute(\"aria-hidden\", \"false\");\n      document.body.classList.add(\"ks-top-offcanvas-lock\");\n    }\n\n    function closeOffcanvas() {\n      if (!offcanvas || !offcanvasOverlay || !mobileBtn) return;\n\n      offcanvas.classList.remove(\"is-open\");\n      offcanvasOverlay.classList.remove(\"is-open\");\n      mobileBtn.classList.remove(\"is-open\");\n      mobileBtn.setAttribute(\"aria-expanded\", \"false\");\n      offcanvas.setAttribute(\"aria-hidden\", \"true\");\n      offcanvasOverlay.setAttribute(\"aria-hidden\", \"true\");\n      document.body.classList.remove(\"ks-top-offcanvas-lock\");\n    }\n\n    if (mobileBtn) {\n      mobileBtn.addEventListener(\"click\", function () {\n        if (offcanvas && offcanvas.classList.contains(\"is-open\")) {\n          closeOffcanvas();\n        } else {\n          openOffcanvas();\n        }\n      });\n    }\n\n    if (offcanvasClose) {\n      offcanvasClose.addEventListener(\"click\", closeOffcanvas);\n    }\n\n    if (offcanvasOverlay) {\n      offcanvasOverlay.addEventListener(\"click\", closeOffcanvas);\n    }\n\n    if (offcanvas) {\n      offcanvas.querySelectorAll(\"a\").forEach(function (link) {\n        link.addEventListener(\"click\", closeOffcanvas);\n      });\n    }\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\") {\n        closeOffcanvas();\n      }\n    });\n\n    const slides = Array.from(section.querySelectorAll(\".ks-signature-slide\"));\n    const dots = Array.from(section.querySelectorAll(\".ks-signature-dots button\"));\n    const currentEl = section.querySelector(\".ks-current\");\n    const totalEl = section.querySelector(\".ks-total\");\n    const progress = section.querySelector(\".ks-signature-progress span\");\n\n    let current = 0;\n    let timer = null;\n    const duration = 4600;\n\n    function pad(num) {\n      return String(num).padStart(2, \"0\");\n    }\n\n    function updateUI() {\n      if (currentEl) currentEl.textContent = pad(current + 1);\n      if (totalEl) totalEl.textContent = pad(slides.length);\n\n      dots.forEach(function (dot, index) {\n        dot.classList.toggle(\"is-active\", index === current);\n      });\n    }\n\n    function resetProgress() {\n      if (!progress) return;\n\n      progress.style.transition = \"none\";\n      progress.style.width = \"0%\";\n\n      requestAnimationFrame(function () {\n        requestAnimationFrame(function () {\n          progress.style.transition = \"width \" + duration + \"ms linear\";\n          progress.style.width = \"100%\";\n        });\n      });\n    }\n\n    function goTo(index) {\n      if (!slides.length) return;\n\n      slides[current].classList.remove(\"is-active\");\n      current = (index + slides.length) % slides.length;\n      slides[current].classList.add(\"is-active\");\n\n      updateUI();\n      resetProgress();\n    }\n\n    function next() {\n      goTo(current + 1);\n    }\n\n    function startAutoplay() {\n      stopAutoplay();\n      resetProgress();\n\n      timer = setInterval(function () {\n        next();\n      }, duration);\n    }\n\n    function stopAutoplay() {\n      if (timer) {\n        clearInterval(timer);\n        timer = null;\n      }\n    }\n\n    dots.forEach(function (dot, index) {\n      dot.addEventListener(\"click\", function () {\n        goTo(index);\n        startAutoplay();\n      });\n    });\n\n    let touchStartX = 0;\n\n    section.addEventListener(\"touchstart\", function (e) {\n      touchStartX = e.touches[0].clientX;\n    }, { passive: true });\n\n    section.addEventListener(\"touchend\", function (e) {\n      const touchEndX = e.changedTouches[0].clientX;\n      const diff = touchStartX - touchEndX;\n\n      if (Math.abs(diff) > 45) {\n        if (diff > 0) {\n          goTo(current + 1);\n        } else {\n          goTo(current - 1);\n        }\n\n        startAutoplay();\n      }\n    }, { passive: true });\n\n    document.addEventListener(\"visibilitychange\", function () {\n      if (document.hidden) {\n        stopAutoplay();\n      } else {\n        startAutoplay();\n      }\n    });\n\n    updateUI();\n    startAutoplay();\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fade8f4 e-con-full e-flex e-con e-parent\" data-id=\"fade8f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9b4c3f elementor-widget elementor-widget-html\" data-id=\"a9b4c3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n HERO \u2014 KIMBERLLY SANTORO ARQUITETURA\n P\u00e1gina de Captura \/ Landing Page\n Largura padr\u00e3o: 1440px\n H1 SEO: Arquiteta em Balne\u00e1rio Cambori\u00fa\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-hero\" id=\"inicio\">\n  <div class=\"ks-hero-bg\" aria-hidden=\"true\">\n    <div class=\"ks-grain\"><\/div>\n    <div class=\"ks-orb ks-orb-1\"><\/div>\n    <div class=\"ks-orb ks-orb-2\"><\/div>\n    <div class=\"ks-line ks-line-1\"><\/div>\n    <div class=\"ks-line ks-line-2\"><\/div>\n  <\/div>\n\n  <div class=\"ks-hero-container\">\n    <div class=\"ks-hero-content\">\n      <div class=\"ks-eyebrow\">\n        <span><\/span>\n        Arquitetura e interiores\n      <\/div>\n\n      <h1 class=\"ks-title\">\n        Arquiteta em Balne\u00e1rio Cambori\u00fa\n      <\/h1>\n\n      <p class=\"ks-subtitle\">\n        Projetos residenciais e interiores para transformar im\u00f3veis em espa\u00e7os elegantes, funcionais e personalizados.\n      <\/p>\n\n      <div class=\"ks-actions\">\n        <a class=\"ks-primary-btn\" href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n          <span>Solicitar atendimento<\/span>\n          <i><\/i>\n        <\/a>\n\n        <a class=\"ks-secondary-btn\" href=\"#projetos\">\n          Ver projetos\n        <\/a>\n      <\/div>\n\n      <div class=\"ks-proof-row\" aria-label=\"Especialidades\">\n        <span>Residencial<\/span>\n        <span>Interiores<\/span>\n        <span>Acompanhamento<\/span>\n      <\/div>\n\n      <div class=\"ks-hero-notes\">\n        <div>\n          <span>01<\/span>\n          <p>Projetos com est\u00e9tica, conforto e funcionalidade.<\/p>\n        <\/div>\n\n        <div>\n          <span>02<\/span>\n          <p>Processo com escuta, t\u00e9cnica e aten\u00e7\u00e3o aos detalhes.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ks-hero-visual\">\n      <div class=\"ks-arch-frame\">\n        <img decoding=\"async\" \n          class=\"ks-main-img\" \n          src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/Kimberlly-108-1.webp\" \n          alt=\"Kimberlly Santoro, arquiteta em Balne\u00e1rio Cambori\u00fa\"\n        >\n\n        <div class=\"ks-visual-badge\">\n          <strong>Projeto com identidade<\/strong>\n          <span>Do primeiro conceito \u00e0 escolha dos detalhes.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ks-symbol-watermark\">\n        <img decoding=\"async\" \n          src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/simbolo-01-scaled.png\" \n          alt=\"\"\n        >\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ks-scroll-indicator\">\n    <span><\/span>\n    Role para conhecer\n  <\/div>\n\n  <div class=\"ks-hero-transition\" aria-hidden=\"true\"><\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F7F0E6;\n    --ks-dark: #2C211A;\n    --ks-dark-soft: #3A2A21;\n    --ks-muted: rgba(44, 33, 26, .76);\n    --ks-muted-strong: rgba(44, 33, 26, .86);\n    --ks-line: rgba(160, 85, 36, .13);\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n  }\n\n  .ks-hero,\n  .ks-hero * {\n    box-sizing: border-box;\n  }\n\n  .ks-hero a,\n  .ks-hero a:hover,\n  .ks-hero a:focus,\n  .ks-hero a:active {\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n    text-decoration: none !important;\n  }\n\n  .ks-hero {\n    position: relative;\n    min-height: 100vh;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 91% 9%, rgba(198, 138, 101, .18), transparent 31%),\n      radial-gradient(circle at 9% 91%, rgba(165, 173, 150, .14), transparent 30%),\n      linear-gradient(180deg, #F1E9DD 0%, #EEE7DC 100%);\n    color: var(--ks-dark);\n    font-family: 'MetropolisKS', 'Montserrat', 'Poppins', Arial, sans-serif;\n    isolation: isolate;\n  }\n\n  .ks-hero-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ks-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .085;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(160, 85, 36, .13) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(44, 33, 26, .08) 0 1px, transparent 1px);\n    background-size: 20px 20px;\n    transform: rotate(8deg);\n  }\n\n  .ks-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(38px);\n    opacity: .32;\n    pointer-events: none;\n  }\n\n  .ks-orb-1 {\n    width: 440px;\n    height: 440px;\n    right: -170px;\n    top: -150px;\n    background: rgba(198, 138, 101, .28);\n  }\n\n  .ks-orb-2 {\n    width: 360px;\n    height: 360px;\n    left: -160px;\n    bottom: -150px;\n    background: rgba(165, 173, 150, .25);\n  }\n\n  .ks-line {\n    position: absolute;\n    background: var(--ks-line);\n    transform-origin: center;\n  }\n\n  .ks-line-1 {\n    width: 1px;\n    height: 100%;\n    left: calc((100vw - min(var(--ks-container), 100vw)) \/ 2 + var(--ks-side));\n    top: 0;\n  }\n\n  .ks-line-2 {\n    width: 1px;\n    height: 120%;\n    right: calc((100vw - min(var(--ks-container), 100vw)) \/ 2 + 38%);\n    top: -10%;\n    opacity: .38;\n  }\n\n  \/* HERO CONTENT *\/\n\n  .ks-hero-container {\n    position: relative;\n    z-index: 3;\n    width: min(var(--ks-container), 100%);\n    min-height: 100vh;\n    margin: 0 auto;\n    padding: clamp(82px, 8vw, 118px) var(--ks-side) clamp(96px, 8vw, 126px);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(400px, .72fr);\n    gap: clamp(44px, 5vw, 88px);\n    align-items: center;\n  }\n\n  .ks-hero-content {\n    max-width: 760px;\n  }\n\n  .ks-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: var(--ks-brown);\n    font-size: 11.5px;\n    font-weight: 600;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    margin-bottom: 22px;\n  }\n\n  .ks-eyebrow span {\n    width: 52px;\n    height: 1px;\n    background: var(--ks-brown);\n    display: inline-block;\n  }\n\n  .ks-title {\n    margin: 0;\n    color: var(--ks-dark);\n    font-family: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    font-weight: 300;\n    font-size: clamp(62px, 7vw, 112px);\n    line-height: .9;\n    letter-spacing: -.048em;\n    max-width: 860px;\n  }\n\n  .ks-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-title .word span {\n    display: inline-block;\n  }\n\n  .ks-subtitle {\n    max-width: 510px;\n    margin: 26px 0 0;\n    color: var(--ks-muted-strong);\n    font-size: clamp(16px, 1.05vw, 18px);\n    line-height: 1.58;\n    font-weight: 400;\n  }\n\n  .ks-actions {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-top: 32px;\n    flex-wrap: wrap;\n  }\n\n  .ks-primary-btn,\n  .ks-secondary-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 58px;\n    border-radius: 999px;\n    text-decoration: none !important;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    overflow: hidden;\n    transition: transform .35s ease, border-color .35s ease, color .35s ease, background .35s ease;\n  }\n\n  .ks-primary-btn {\n    padding: 0 26px;\n    color: var(--ks-white) !important;\n    background: var(--ks-brown) !important;\n    border: 1px solid var(--ks-brown) !important;\n    gap: 14px;\n    box-shadow: 0 16px 34px rgba(160, 85, 36, .16) !important;\n  }\n\n  .ks-primary-btn i {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: rgba(255, 250, 243, .17);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ks-primary-btn i::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-white);\n    border-right: 1px solid var(--ks-white);\n    top: 13px;\n    left: 11px;\n    transform: rotate(45deg);\n  }\n\n  .ks-primary-btn:hover,\n  .ks-primary-btn:focus,\n  .ks-primary-btn:active {\n    transform: translateY(-3px) !important;\n    background: var(--ks-brown-dark) !important;\n    color: var(--ks-white) !important;\n    border-color: var(--ks-brown-dark) !important;\n  }\n\n  .ks-secondary-btn {\n    padding: 0 24px;\n    color: var(--ks-brown) !important;\n    background: rgba(255, 250, 243, .28) !important;\n    border: 1px solid rgba(160, 85, 36, .32) !important;\n  }\n\n  .ks-secondary-btn:hover,\n  .ks-secondary-btn:focus,\n  .ks-secondary-btn:active {\n    transform: translateY(-3px) !important;\n    color: var(--ks-brown) !important;\n    border-color: var(--ks-brown) !important;\n    background: rgba(255, 250, 243, .58) !important;\n  }\n\n  .ks-actions .ks-primary-btn,\n  .ks-actions .ks-secondary-btn {\n    transform: translateY(0) !important;\n  }\n\n  .ks-proof-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 24px;\n  }\n\n  .ks-proof-row span {\n    display: inline-flex;\n    align-items: center;\n    min-height: 34px;\n    padding: 0 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(160, 85, 36, .18);\n    background: rgba(255, 250, 243, .34);\n    color: rgba(44, 33, 26, .78);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n  }\n\n  .ks-hero-notes {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px;\n    margin-top: 34px;\n    max-width: 580px;\n    padding-top: 20px;\n    border-top: 1px solid rgba(160, 85, 36, .18);\n  }\n\n  .ks-hero-notes div {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 12px;\n    align-items: start;\n  }\n\n  .ks-hero-notes span {\n    color: var(--ks-brown);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .16em;\n    line-height: 1.55;\n  }\n\n  .ks-hero-notes p {\n    margin: 0;\n    color: rgba(44, 33, 26, .72);\n    font-size: 13.8px;\n    line-height: 1.5;\n    font-weight: 400;\n  }\n\n  \/* HERO VISUAL *\/\n\n  .ks-hero-visual {\n    position: relative;\n    min-height: 620px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-top: 22px;\n  }\n\n  .ks-arch-frame {\n    position: relative;\n    width: min(460px, 82vw);\n    height: 620px;\n    border-radius: 230px 230px 22px 22px;\n    overflow: hidden;\n    background: var(--ks-clay);\n    box-shadow: 0 38px 88px rgba(68, 39, 22, .18);\n    will-change: transform;\n  }\n\n  .ks-arch-frame::before {\n    content: \"\";\n    position: absolute;\n    inset: 16px;\n    border: 1px solid rgba(255, 250, 243, .58);\n    border-radius: 218px 218px 14px 14px;\n    z-index: 3;\n    pointer-events: none;\n  }\n\n  .ks-arch-frame::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      180deg,\n      rgba(44, 33, 26, .01) 0%,\n      rgba(44, 33, 26, .04) 45%,\n      rgba(44, 33, 26, .2) 100%\n    );\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  .ks-main-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 50% 42%;\n    display: block;\n    transform: scale(1.045);\n    will-change: transform;\n  }\n\n  .ks-visual-badge {\n    position: absolute;\n    left: 28px;\n    right: 28px;\n    bottom: 26px;\n    z-index: 4;\n    padding: 17px 18px;\n    border-radius: 18px;\n    background: rgba(255, 250, 243, .78);\n    border: 1px solid rgba(255, 250, 243, .58);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    box-shadow: 0 18px 36px rgba(44, 33, 26, .12);\n  }\n\n  .ks-visual-badge strong {\n    display: block;\n    margin: 0 0 5px;\n    color: var(--ks-dark);\n    font-family: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    font-size: 25px;\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: -.035em;\n  }\n\n  .ks-visual-badge span {\n    display: block;\n    color: rgba(44, 33, 26, .72);\n    font-size: 13px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .ks-symbol-watermark {\n    position: absolute;\n    z-index: -1;\n    right: -26px;\n    top: 92px;\n    width: 160px;\n    height: 160px;\n    opacity: .065;\n    filter: saturate(.8);\n  }\n\n  .ks-symbol-watermark img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .ks-scroll-indicator {\n    position: absolute;\n    left: calc((100vw - min(var(--ks-container), 100vw)) \/ 2 + var(--ks-side));\n    bottom: 34px;\n    z-index: 4;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: rgba(44, 33, 26, .56);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n  }\n\n  .ks-scroll-indicator span {\n    width: 1px;\n    height: 42px;\n    background: rgba(160, 85, 36, .26);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ks-scroll-indicator span::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: -18px;\n    width: 1px;\n    height: 18px;\n    background: var(--ks-brown);\n    animation: ksScroll 1.8s ease-in-out infinite;\n  }\n\n  .ks-hero-transition {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    z-index: 2;\n    height: 86px;\n    pointer-events: none;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(238, 231, 220, 0) 0%,\n        rgba(238, 231, 220, .28) 42%,\n        rgba(238, 231, 220, .76) 78%,\n        #EEE7DC 100%\n      );\n  }\n\n  @keyframes ksScroll {\n    0% {\n      transform: translateY(0);\n      opacity: 0;\n    }\n\n    25% {\n      opacity: 1;\n    }\n\n    100% {\n      transform: translateY(60px);\n      opacity: 0;\n    }\n  }\n\n  @media (max-width: 1180px) {\n    .ks-hero-container {\n      grid-template-columns: minmax(0, .95fr) minmax(350px, .72fr);\n      gap: 42px;\n    }\n\n    .ks-title {\n      font-size: clamp(56px, 7vw, 90px);\n    }\n\n    .ks-arch-frame {\n      width: min(410px, 82vw);\n      height: 580px;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ks-hero-container {\n      grid-template-columns: 1fr;\n      padding-top: 86px;\n      gap: 54px;\n    }\n\n    .ks-hero-content {\n      max-width: 780px;\n    }\n\n    .ks-hero-visual {\n      min-height: 560px;\n      padding-top: 0;\n      justify-content: flex-start;\n    }\n\n    .ks-arch-frame {\n      width: min(430px, 82vw);\n      height: 560px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    :root {\n      --ks-side: 18px;\n    }\n\n    .ks-hero {\n      min-height: auto;\n      overflow: hidden;\n    }\n\n    .ks-hero-container {\n      min-height: auto;\n      padding: 64px 18px 54px;\n      gap: 28px;\n      display: grid;\n      grid-template-columns: 1fr;\n    }\n\n    .ks-hero-content {\n      max-width: 100%;\n    }\n\n    .ks-eyebrow {\n      font-size: 9.8px;\n      gap: 9px;\n      margin-bottom: 16px;\n      letter-spacing: .16em;\n    }\n\n    .ks-eyebrow span {\n      width: 30px;\n    }\n\n    .ks-title {\n      font-size: clamp(42px, 12.8vw, 56px);\n      line-height: .94;\n      letter-spacing: -.04em;\n      max-width: 100%;\n    }\n\n    .ks-subtitle {\n      max-width: 100%;\n      margin-top: 18px;\n      font-size: 14.4px;\n      line-height: 1.5;\n    }\n\n    .ks-actions {\n      margin-top: 24px;\n      align-items: stretch;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .ks-primary-btn,\n    .ks-secondary-btn {\n      width: 100%;\n      min-height: 52px;\n      font-size: 10.8px;\n    }\n\n    .ks-primary-btn {\n      padding: 0 20px;\n    }\n\n    .ks-primary-btn i {\n      width: 30px;\n      height: 30px;\n    }\n\n    .ks-primary-btn i::before {\n      top: 11px;\n      left: 9px;\n    }\n\n    .ks-secondary-btn {\n      padding: 0 20px;\n    }\n\n    .ks-proof-row {\n      margin-top: 24px;\n      gap: 8px;\n      padding-top: 2px;\n    }\n\n    .ks-proof-row span {\n      min-height: 29px;\n      padding: 0 10px;\n      font-size: 9.2px;\n      letter-spacing: .1em;\n    }\n\n    .ks-hero-notes {\n      display: none;\n    }\n\n    .ks-hero-visual {\n      min-height: auto;\n      align-items: flex-start;\n      justify-content: center;\n      padding-top: 0;\n    }\n\n    .ks-arch-frame {\n      width: min(100%, 330px);\n      height: 390px;\n      border-radius: 165px 165px 18px 18px;\n      margin: 0 auto;\n    }\n\n    .ks-arch-frame::before {\n      inset: 10px;\n      border-radius: 155px 155px 10px 10px;\n    }\n\n    .ks-main-img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: 50% 34%;\n      transform: scale(1);\n    }\n\n    .ks-visual-badge {\n      left: 14px;\n      right: 14px;\n      bottom: 14px;\n      padding: 12px 14px;\n      border-radius: 14px;\n    }\n\n    .ks-visual-badge strong {\n      font-size: 20px;\n      line-height: 1;\n    }\n\n    .ks-visual-badge span {\n      font-size: 11.8px;\n      line-height: 1.38;\n    }\n\n    .ks-symbol-watermark,\n    .ks-scroll-indicator {\n      display: none;\n    }\n\n    .ks-line-1 {\n      left: 18px;\n    }\n\n    .ks-line-2 {\n      display: none;\n    }\n\n    .ks-hero-transition {\n      height: 42px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .ks-hero-container {\n      padding-top: 58px;\n      padding-bottom: 48px;\n      gap: 24px;\n    }\n\n    .ks-title {\n      font-size: 40px;\n    }\n\n    .ks-subtitle {\n      font-size: 14px;\n      line-height: 1.48;\n    }\n\n    .ks-proof-row {\n      margin-top: 22px;\n    }\n\n    .ks-proof-row span {\n      font-size: 8.8px;\n      padding: 0 9px;\n    }\n\n    .ks-arch-frame {\n      width: min(100%, 305px);\n      height: 360px;\n      border-radius: 152px 152px 16px 16px;\n    }\n\n    .ks-arch-frame::before {\n      border-radius: 142px 142px 9px 9px;\n    }\n\n    .ks-main-img {\n      object-position: 50% 32%;\n      transform: scale(1);\n    }\n\n    .ks-visual-badge strong {\n      font-size: 18px;\n    }\n\n    .ks-visual-badge span {\n      font-size: 11.2px;\n    }\n  }\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const hero = document.querySelector(\".ks-hero\");\n    const title = document.querySelector(\".ks-title\");\n    const arch = document.querySelector(\".ks-arch-frame\");\n    const mainImg = document.querySelector(\".ks-main-img\");\n    const orb1 = document.querySelector(\".ks-orb-1\");\n    const orb2 = document.querySelector(\".ks-orb-2\");\n\n    if (title && !title.classList.contains(\"is-splitted\")) {\n      const words = title.textContent.trim().split(\" \");\n\n      title.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      title.classList.add(\"is-splitted\");\n    }\n\n    if (typeof gsap !== \"undefined\") {\n      const tl = gsap.timeline({\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(\".ks-eyebrow\", {\n        y: 22,\n        opacity: 0,\n        duration: .82,\n        clearProps: \"transform\"\n      })\n      .from(\".ks-title .word span\", {\n        yPercent: 110,\n        rotate: 2,\n        duration: 1.1,\n        stagger: .05,\n        clearProps: \"transform\"\n      }, \"-=.42\")\n      .from(\".ks-subtitle\", {\n        y: 28,\n        opacity: 0,\n        duration: .9,\n        clearProps: \"transform\"\n      }, \"-=.68\")\n      .from(\".ks-actions a\", {\n        y: 22,\n        opacity: 0,\n        duration: .72,\n        stagger: .08,\n        clearProps: \"transform\"\n      }, \"-=.52\")\n      .from(\".ks-proof-row span\", {\n        y: 14,\n        opacity: 0,\n        duration: .62,\n        stagger: .05,\n        clearProps: \"transform\"\n      }, \"-=.46\")\n      .from(\".ks-hero-notes div\", {\n        y: 18,\n        opacity: 0,\n        duration: .7,\n        stagger: .08,\n        clearProps: \"transform\"\n      }, \"-=.46\")\n      .from(\".ks-arch-frame\", {\n        clipPath: \"inset(100% 0 0 0 round 230px 230px 20px 20px)\",\n        y: 42,\n        opacity: 0,\n        duration: 1.22,\n        clearProps: \"transform\"\n      }, \"-=1.1\")\n      .from(\".ks-visual-badge\", {\n        y: 24,\n        opacity: 0,\n        duration: .82,\n        clearProps: \"transform\"\n      }, \"-=.72\")\n      .from(\".ks-symbol-watermark\", {\n        scale: .86,\n        opacity: 0,\n        duration: .9,\n        clearProps: \"transform\"\n      }, \"-=.72\");\n\n      if (hero && window.innerWidth > 767) {\n        hero.addEventListener(\"mousemove\", function (e) {\n          const rect = hero.getBoundingClientRect();\n          const x = (e.clientX - rect.left) \/ rect.width - .5;\n          const y = (e.clientY - rect.top) \/ rect.height - .5;\n\n          if (arch) {\n            gsap.to(arch, {\n              x: x * 12,\n              y: y * 9,\n              rotate: x * .8,\n              duration: 1.1,\n              ease: \"power3.out\"\n            });\n          }\n\n          if (mainImg) {\n            gsap.to(mainImg, {\n              x: x * -7,\n              y: y * -4,\n              scale: 1.052,\n              duration: 1.1,\n              ease: \"power3.out\"\n            });\n          }\n\n          if (orb1) {\n            gsap.to(orb1, {\n              x: x * 24,\n              y: y * 16,\n              duration: 1.4,\n              ease: \"power3.out\"\n            });\n          }\n\n          if (orb2) {\n            gsap.to(orb2, {\n              x: x * -20,\n              y: y * -14,\n              duration: 1.4,\n              ease: \"power3.out\"\n            });\n          }\n        });\n      }\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36ac725 e-con-full e-flex e-con e-parent\" data-id=\"36ac725\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-010c2e9 elementor-widget elementor-widget-html\" data-id=\"010c2e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O 2 \u2014 POSICIONAMENTO \/ MANIFESTO\n KIMBERLLY SANTORO ARQUITETURA\n Largura padr\u00e3o: 1440px\n H2: Projetos autorais para morar com identidade\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-manifesto\" id=\"posicionamento\">\n  <div class=\"ks-manifesto-bg\" aria-hidden=\"true\">\n    <div class=\"ks-manifesto-grain\"><\/div>\n    <div class=\"ks-manifesto-orb ks-manifesto-orb-a\"><\/div>\n    <div class=\"ks-manifesto-orb ks-manifesto-orb-b\"><\/div>\n    <div class=\"ks-manifesto-word\">IDENTIDADE<\/div>\n  <\/div>\n\n  <div class=\"ks-manifesto-container\">\n    <div class=\"ks-manifesto-head\">\n      <div class=\"ks-manifesto-kicker\">\n        <span><\/span>\n        Arquitetura com inten\u00e7\u00e3o\n      <\/div>\n\n      <h2 class=\"ks-manifesto-title\">\n        Projetos autorais para morar com identidade\n      <\/h2>\n\n      <p class=\"ks-manifesto-intro\">\n        Cada projeto nasce da escuta: rotina, est\u00e9tica, necessidades reais e detalhes que tornam o espa\u00e7o verdadeiramente seu.\n      <\/p>\n    <\/div>\n\n    <div class=\"ks-manifesto-panel\">\n      <div class=\"ks-manifesto-statement\">\n        <div class=\"ks-statement-top\">\n          <span>Manifesto<\/span>\n          <small>01<\/small>\n        <\/div>\n\n        <p>\n          Antes de definir materiais, cores ou formas, o projeto come\u00e7a por entender quem vai viver o espa\u00e7o.\n        <\/p>\n\n        <a href=\"#contato\" class=\"ks-statement-link\">\n          Conversar sobre meu projeto\n        <\/a>\n      <\/div>\n\n      <div class=\"ks-manifesto-points\">\n        <article>\n          <div class=\"ks-point-number\">01<\/div>\n\n          <div class=\"ks-point-content\">\n            <strong>Escuta<\/strong>\n            <p>Entendemos rotina, desejos, prioridades e o que precisa mudar no im\u00f3vel.<\/p>\n          <\/div>\n        <\/article>\n\n        <article>\n          <div class=\"ks-point-number\">02<\/div>\n\n          <div class=\"ks-point-content\">\n            <strong>Conceito<\/strong>\n            <p>Criamos uma dire\u00e7\u00e3o est\u00e9tica clara para orientar escolhas, materiais e atmosfera.<\/p>\n          <\/div>\n        <\/article>\n\n        <article>\n          <div class=\"ks-point-number\">03<\/div>\n\n          <div class=\"ks-point-content\">\n            <strong>Detalhe<\/strong>\n            <p>Propor\u00e7\u00f5es, acabamentos e solu\u00e7\u00f5es s\u00e3o pensados com t\u00e9cnica e inten\u00e7\u00e3o.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"ks-manifesto-bottom\">\n      <div class=\"ks-manifesto-signature\">\n        <div><\/div>\n\n        <span>Kimberlly Santoro<\/span>\n        <p>Arquitetura e Interiores<\/p>\n      <\/div>\n\n      <a href=\"#projetos\" class=\"ks-manifesto-link\">\n        Ver projetos\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F6EFE5;\n    --ks-dark: #2C211A;\n    --ks-muted: rgba(44, 33, 26, .74);\n    --ks-muted-soft: rgba(44, 33, 26, .58);\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-manifesto,\n  .ks-manifesto * {\n    box-sizing: border-box;\n  }\n\n  .ks-manifesto a,\n  .ks-manifesto a:hover,\n  .ks-manifesto a:focus,\n  .ks-manifesto a:active {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-manifesto {\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 90% 10%, rgba(198, 138, 101, .12), transparent 30%),\n      linear-gradient(180deg, var(--ks-cream) 0%, var(--ks-cream-soft) 100%);\n    color: var(--ks-dark);\n    font-family: var(--ks-sans);\n    padding: clamp(86px, 7vw, 122px) 0 clamp(82px, 6.8vw, 112px);\n    isolation: isolate;\n  }\n\n  .ks-manifesto-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ks-manifesto-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .05;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(160, 85, 36, .13) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(44, 33, 26, .08) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(-7deg);\n  }\n\n  .ks-manifesto-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(78px);\n    pointer-events: none;\n  }\n\n  .ks-manifesto-orb-a {\n    width: 430px;\n    height: 430px;\n    left: -220px;\n    top: 5%;\n    background: rgba(165, 173, 150, .24);\n    opacity: .44;\n  }\n\n  .ks-manifesto-orb-b {\n    width: 470px;\n    height: 470px;\n    right: -230px;\n    bottom: -120px;\n    background: rgba(198, 138, 101, .22);\n    opacity: .46;\n  }\n\n  .ks-manifesto-word {\n    position: absolute;\n    right: clamp(20px, 5vw, 90px);\n    bottom: clamp(18px, 4vw, 64px);\n    color: rgba(44, 33, 26, .038);\n    font-family: var(--ks-serif);\n    font-size: clamp(72px, 9vw, 150px);\n    line-height: .8;\n    letter-spacing: -.07em;\n    font-weight: 300;\n    white-space: nowrap;\n  }\n\n  .ks-manifesto-container {\n    position: relative;\n    z-index: 2;\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n  }\n\n  .ks-manifesto-head {\n    display: grid;\n    grid-template-columns: minmax(0, .72fr) minmax(300px, .28fr);\n    column-gap: clamp(40px, 6vw, 92px);\n    row-gap: 22px;\n    align-items: end;\n    margin-bottom: clamp(42px, 5vw, 64px);\n  }\n\n  .ks-manifesto-kicker {\n    grid-column: 1 \/ -1;\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: var(--ks-brown);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  .ks-manifesto-kicker span {\n    width: 48px;\n    height: 1px;\n    background: var(--ks-brown);\n    display: inline-block;\n  }\n\n  .ks-manifesto-title {\n    margin: 0;\n    max-width: 980px;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-weight: 300;\n    font-size: clamp(50px, 5.7vw, 88px);\n    line-height: .94;\n    letter-spacing: -.052em;\n  }\n\n  .ks-manifesto-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-manifesto-title .word span {\n    display: inline-block;\n  }\n\n  .ks-manifesto-intro {\n    margin: 0;\n    max-width: 390px;\n    color: var(--ks-muted);\n    font-size: clamp(15.5px, 1vw, 17.5px);\n    line-height: 1.66;\n    font-weight: 400;\n  }\n\n  .ks-manifesto-panel {\n    display: grid;\n    grid-template-columns: minmax(0, .43fr) minmax(0, .57fr);\n    gap: 18px;\n    align-items: stretch;\n  }\n\n  .ks-manifesto-statement {\n    position: relative;\n    overflow: hidden;\n    min-height: 360px;\n    border-radius: 30px;\n    padding: clamp(30px, 3.2vw, 46px);\n    background:\n      radial-gradient(circle at 88% 92%, rgba(160, 85, 36, .42), transparent 38%),\n      linear-gradient(145deg, #2C211A 0%, #211711 100%);\n    color: var(--ks-cream);\n    box-shadow: 0 34px 92px rgba(68, 39, 22, .16);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .ks-manifesto-statement::before {\n    content: \"\";\n    position: absolute;\n    right: -140px;\n    bottom: -150px;\n    width: 350px;\n    height: 350px;\n    border-radius: 999px;\n    background: rgba(160, 85, 36, .32);\n    filter: blur(34px);\n    opacity: .8;\n  }\n\n  .ks-manifesto-statement::after {\n    content: \"\";\n    position: absolute;\n    inset: 18px;\n    border: 1px solid rgba(238, 231, 220, .12);\n    border-radius: 22px;\n    pointer-events: none;\n  }\n\n  .ks-statement-top {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    margin-bottom: 44px;\n  }\n\n  .ks-statement-top span {\n    display: inline-flex;\n    color: var(--ks-clay);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  .ks-statement-top small {\n    color: rgba(238, 231, 220, .42);\n    font-size: 12px;\n    letter-spacing: .16em;\n  }\n\n  .ks-manifesto-statement p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    max-width: 600px;\n    color: rgba(255, 250, 243, .9);\n    font-family: var(--ks-serif);\n    font-size: clamp(34px, 3.4vw, 56px);\n    line-height: 1;\n    letter-spacing: -.048em;\n    font-weight: 300;\n  }\n\n  .ks-statement-link {\n    position: relative;\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: fit-content;\n    min-height: 48px;\n    margin-top: 34px;\n    padding: 0 20px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 250, 243, .24) !important;\n    background: rgba(255, 250, 243, .08) !important;\n    color: var(--ks-white) !important;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    transition: transform .35s ease, background .35s ease, border-color .35s ease;\n  }\n\n  .ks-statement-link:hover,\n  .ks-statement-link:focus,\n  .ks-statement-link:active {\n    transform: translateY(-3px);\n    background: rgba(255, 250, 243, .16) !important;\n    border-color: rgba(255, 250, 243, .42) !important;\n    color: var(--ks-white) !important;\n  }\n\n  .ks-manifesto-points {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .ks-manifesto-points article {\n    position: relative;\n    overflow: hidden;\n    min-height: 360px;\n    padding: clamp(26px, 2.5vw, 34px);\n    border-radius: 26px;\n    background:\n      linear-gradient(180deg, rgba(255, 250, 243, .76), rgba(255, 250, 243, .5));\n    border: 1px solid rgba(160, 85, 36, .16);\n    box-shadow: 0 24px 70px rgba(68, 39, 22, .07);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition:\n      transform .5s cubic-bezier(.22, 1, .36, 1),\n      background .4s ease,\n      border-color .4s ease,\n      box-shadow .4s ease;\n  }\n\n  .ks-manifesto-points article::before {\n    content: \"\";\n    position: absolute;\n    inset: auto -30px -90px -30px;\n    height: 190px;\n    background: radial-gradient(circle, rgba(160, 85, 36, .12), transparent 66%);\n    opacity: 0;\n    transition: opacity .4s ease;\n  }\n\n  .ks-manifesto-points article::after {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    border-radius: 19px;\n    border: 1px solid rgba(160, 85, 36, .07);\n    pointer-events: none;\n  }\n\n  .ks-manifesto-points article:hover {\n    transform: translateY(-8px);\n    background: rgba(255, 250, 243, .88);\n    border-color: rgba(160, 85, 36, .28);\n    box-shadow: 0 32px 86px rgba(68, 39, 22, .12);\n  }\n\n  .ks-manifesto-points article:hover::before {\n    opacity: 1;\n  }\n\n  .ks-point-number {\n    position: relative;\n    z-index: 2;\n    color: var(--ks-brown);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .16em;\n  }\n\n  .ks-point-content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .ks-manifesto-points strong {\n    display: block;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(34px, 3vw, 48px);\n    line-height: .95;\n    letter-spacing: -.04em;\n    font-weight: 300;\n  }\n\n  .ks-manifesto-points p {\n    margin: 16px 0 0;\n    max-width: 245px;\n    color: var(--ks-muted);\n    font-size: 14.8px;\n    line-height: 1.58;\n    font-weight: 400;\n  }\n\n  .ks-manifesto-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n    margin-top: clamp(34px, 4vw, 52px);\n    padding-top: 28px;\n    border-top: 1px solid rgba(160, 85, 36, .16);\n  }\n\n  .ks-manifesto-signature {\n    display: grid;\n    grid-template-columns: 72px auto;\n    column-gap: 18px;\n    row-gap: 4px;\n    align-items: center;\n  }\n\n  .ks-manifesto-signature div {\n    grid-row: 1 \/ 3;\n    width: 72px;\n    height: 1px;\n    background: rgba(160, 85, 36, .5);\n  }\n\n  .ks-manifesto-signature span {\n    display: block;\n    color: var(--ks-brown);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .15em;\n    text-transform: uppercase;\n  }\n\n  .ks-manifesto-signature p {\n    margin: 0;\n    color: rgba(44, 33, 26, .58);\n    font-size: 12.5px;\n    font-weight: 500;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .ks-manifesto-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 54px;\n    padding: 0 24px;\n    border-radius: 999px;\n    border: 1px solid rgba(160, 85, 36, .3) !important;\n    background: rgba(255, 250, 243, .28) !important;\n    color: var(--ks-brown) !important;\n    font-size: 11.5px;\n    font-weight: 600;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    transition:\n      transform .35s ease,\n      background .35s ease,\n      color .35s ease,\n      border-color .35s ease;\n  }\n\n  .ks-manifesto-link:hover,\n  .ks-manifesto-link:focus,\n  .ks-manifesto-link:active {\n    transform: translateY(-3px);\n    background: var(--ks-brown) !important;\n    border-color: var(--ks-brown) !important;\n    color: var(--ks-white) !important;\n  }\n\n  @media (max-width: 1180px) {\n    .ks-manifesto-panel {\n      grid-template-columns: 1fr;\n    }\n\n    .ks-manifesto-statement {\n      min-height: 310px;\n    }\n\n    .ks-manifesto-points article {\n      min-height: 280px;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ks-manifesto-head {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .ks-manifesto-intro {\n      max-width: 640px;\n    }\n\n    .ks-manifesto-points {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 767px) {\n  :root {\n    --ks-side: 18px;\n  }\n\n  .ks-manifesto {\n    padding: 62px 0 58px;\n    background: #F7EEE4;\n  }\n\n  .ks-manifesto-container {\n    padding: 0 18px;\n  }\n\n  .ks-manifesto-head {\n    margin-bottom: 28px;\n    row-gap: 16px;\n  }\n\n  .ks-manifesto-kicker {\n    gap: 9px;\n    font-size: 9.8px;\n    letter-spacing: .17em;\n  }\n\n  .ks-manifesto-kicker span {\n    width: 30px;\n  }\n\n  .ks-manifesto-title {\n    font-size: clamp(38px, 11.2vw, 52px);\n    line-height: .98;\n    letter-spacing: -.045em;\n  }\n\n  .ks-manifesto-intro {\n    max-width: 100%;\n    font-size: 14.8px;\n    line-height: 1.56;\n  }\n\n  .ks-manifesto-panel {\n    gap: 12px;\n  }\n\n  .ks-manifesto-statement {\n    min-height: auto;\n    border-radius: 22px;\n    padding: 24px 20px;\n  }\n\n  .ks-manifesto-statement::before {\n    width: 250px;\n    height: 250px;\n    right: -120px;\n    bottom: -130px;\n    opacity: .62;\n  }\n\n  .ks-manifesto-statement::after {\n    inset: 10px;\n    border-radius: 16px;\n  }\n\n  .ks-statement-top {\n    margin-bottom: 26px;\n  }\n\n  .ks-statement-top span {\n    font-size: 10px;\n    letter-spacing: .18em;\n  }\n\n  .ks-statement-top small {\n    font-size: 10.5px;\n  }\n\n  .ks-manifesto-statement p {\n    font-size: clamp(28px, 8.1vw, 36px);\n    line-height: 1.03;\n    letter-spacing: -.044em;\n  }\n\n  .ks-statement-link {\n    width: 100%;\n    min-height: 48px;\n    margin-top: 24px;\n    padding: 0 16px;\n    font-size: 10px;\n    letter-spacing: .11em;\n  }\n\n  .ks-manifesto-points {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .ks-manifesto-points article {\n    min-height: auto;\n    border-radius: 18px;\n    padding: 18px 18px 17px;\n    gap: 18px;\n    background: rgba(255, 250, 243, .62);\n  }\n\n  .ks-manifesto-points article::before {\n    display: none;\n  }\n\n  .ks-manifesto-points article::after {\n    inset: 8px;\n    border-radius: 13px;\n  }\n\n  .ks-manifesto-points article:hover {\n    transform: none;\n  }\n\n  .ks-point-number {\n    font-size: 10.5px;\n    letter-spacing: .15em;\n  }\n\n  .ks-manifesto-points strong {\n    font-size: 31px;\n    line-height: .98;\n  }\n\n  .ks-manifesto-points p {\n    max-width: none;\n    margin-top: 10px;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .ks-manifesto-bottom {\n    align-items: stretch;\n    flex-direction: column;\n    gap: 18px;\n    margin-top: 26px;\n    padding-top: 22px;\n  }\n\n  .ks-manifesto-signature {\n    grid-template-columns: 52px auto;\n    column-gap: 14px;\n  }\n\n  .ks-manifesto-signature div {\n    width: 52px;\n  }\n\n  .ks-manifesto-signature span {\n    font-size: 10.8px;\n    letter-spacing: .13em;\n  }\n\n  .ks-manifesto-signature p {\n    font-size: 11px;\n    letter-spacing: .07em;\n  }\n\n  .ks-manifesto-link {\n    width: 100%;\n    min-height: 52px;\n    font-size: 10.8px;\n  }\n\n  .ks-manifesto-word {\n    display: none;\n  }\n\n  .ks-manifesto-orb-a,\n  .ks-manifesto-orb-b {\n    opacity: .26;\n  }\n}\n\n@media (max-width: 390px) {\n  .ks-manifesto {\n    padding: 56px 0 52px;\n  }\n\n  .ks-manifesto-container {\n    padding: 0 16px;\n  }\n\n  .ks-manifesto-head {\n    margin-bottom: 24px;\n  }\n\n  .ks-manifesto-title {\n    font-size: 36px;\n  }\n\n  .ks-manifesto-intro {\n    font-size: 14.3px;\n    line-height: 1.52;\n  }\n\n  .ks-manifesto-statement {\n    padding: 22px 18px;\n    border-radius: 20px;\n  }\n\n  .ks-statement-top {\n    margin-bottom: 22px;\n  }\n\n  .ks-manifesto-statement p {\n    font-size: 27px;\n  }\n\n  .ks-statement-link {\n    min-height: 46px;\n    font-size: 9.6px;\n  }\n\n  .ks-manifesto-points article {\n    padding: 17px 16px;\n  }\n\n  .ks-manifesto-points strong {\n    font-size: 29px;\n  }\n\n  .ks-manifesto-points p {\n    font-size: 13.8px;\n  }\n\n  .ks-manifesto-signature {\n    grid-template-columns: 42px auto;\n    column-gap: 12px;\n  }\n\n  .ks-manifesto-signature div {\n    width: 42px;\n  }\n\n  .ks-manifesto-link {\n    min-height: 50px;\n    font-size: 10.2px;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const manifestoSection = document.querySelector(\".ks-manifesto\");\n    const manifestoTitle = document.querySelector(\".ks-manifesto-title\");\n\n    if (!manifestoSection) return;\n\n    if (manifestoTitle && !manifestoTitle.classList.contains(\"is-splitted\")) {\n      const words = manifestoTitle.textContent.trim().split(\/\\s+\/);\n\n      manifestoTitle.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      manifestoTitle.classList.add(\"is-splitted\");\n    }\n\n    function initKsManifestoAnimations() {\n      if (typeof gsap === \"undefined\") return;\n\n      if (typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n      }\n\n      const hasScrollTrigger = typeof ScrollTrigger !== \"undefined\";\n\n      const tl = gsap.timeline({\n        scrollTrigger: hasScrollTrigger ? {\n          trigger: \".ks-manifesto\",\n          start: \"top 76%\",\n          once: true\n        } : null,\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(\".ks-manifesto-kicker\", {\n        y: 18,\n        opacity: 0,\n        duration: .72\n      })\n      .from(\".ks-manifesto-title .word span\", {\n        yPercent: 110,\n        rotate: 2,\n        duration: 1.02,\n        stagger: .042\n      }, \"-=.34\")\n      .from(\".ks-manifesto-intro\", {\n        y: 22,\n        opacity: 0,\n        duration: .74\n      }, \"-=.58\")\n      .from(\".ks-manifesto-statement\", {\n        y: 34,\n        opacity: 0,\n        clipPath: \"inset(14% 0 0 0 round 30px)\",\n        duration: .9\n      }, \"-=.34\")\n      .from(\".ks-manifesto-points article\", {\n        y: 30,\n        opacity: 0,\n        clipPath: \"inset(18% 0 0 0 round 26px)\",\n        duration: .78,\n        stagger: .08\n      }, \"-=.62\")\n      .from(\".ks-manifesto-bottom\", {\n        y: 22,\n        opacity: 0,\n        duration: .72\n      }, \"-=.26\");\n\n      if (hasScrollTrigger) {\n        gsap.to(\".ks-manifesto-word\", {\n          y: -46,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-manifesto\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-manifesto-orb-a\", {\n          y: -34,\n          x: 22,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-manifesto\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-manifesto-orb-b\", {\n          y: 34,\n          x: -20,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-manifesto\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n      }\n    }\n\n    function loadScriptOnce(src, id, callback) {\n      const existing = document.getElementById(id);\n\n      if (existing) {\n        if (callback) callback();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = src;\n      script.id = id;\n      script.onload = callback;\n      document.body.appendChild(script);\n    }\n\n    if (typeof gsap === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\",\n        \"ks-gsap-script\",\n        function () {\n          loadScriptOnce(\n            \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n            \"ks-scrolltrigger-script\",\n            initKsManifestoAnimations\n          );\n        }\n      );\n    } else if (typeof ScrollTrigger === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n        \"ks-scrolltrigger-script\",\n        initKsManifestoAnimations\n      );\n    } else {\n      initKsManifestoAnimations();\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09de902 e-con-full e-flex e-con e-parent\" data-id=\"09de902\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae1882 elementor-widget elementor-widget-html\" data-id=\"3ae1882\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O 3 \u2014 PROJETOS EM DESTAQUE \/ PORTF\u00d3LIO\n KIMBERLLY SANTORO ARQUITETURA\n Largura padr\u00e3o: 1440px\n H3: Ambientes planejados com est\u00e9tica, fun\u00e7\u00e3o e personalidade\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-projects\" id=\"projetos\">\n  <div class=\"ks-projects-bg\" aria-hidden=\"true\">\n    <div class=\"ks-projects-grain\"><\/div>\n    <div class=\"ks-projects-glow ks-projects-glow-a\"><\/div>\n    <div class=\"ks-projects-glow ks-projects-glow-b\"><\/div>\n    <div class=\"ks-projects-word\">PORTF\u00d3LIO<\/div>\n  <\/div>\n\n  <div class=\"ks-projects-container\">\n    <div class=\"ks-projects-head\">\n      <div class=\"ks-projects-kicker\">\n        <span><\/span>\n        Projetos em destaque\n      <\/div>\n\n      <h3 class=\"ks-projects-title\">\n        Ambientes planejados com est\u00e9tica, fun\u00e7\u00e3o e personalidade\n      <\/h3>\n\n      <p class=\"ks-projects-intro\">\n        Uma sele\u00e7\u00e3o de espa\u00e7os pensados para morar melhor, com equil\u00edbrio visual, conforto e solu\u00e7\u00f5es alinhadas ao estilo de vida de cada cliente.\n      <\/p>\n    <\/div>\n\n    <div class=\"ks-projects-carousel\" aria-label=\"Projetos em destaque\">\n      <article class=\"ks-project-card ks-project-card-feature\">\n        <a href=\"#contato\" class=\"ks-project-link\" aria-label=\"Solicitar projeto de arquitetura e interiores\">\n          <figure class=\"ks-project-image\">\n            <img decoding=\"async\" \n              src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/projetos-de-arquitetura-em-balneario-camboriu-3.webp\" \n              alt=\"Projeto de arquitetura em Balne\u00e1rio Cambori\u00fa com ambiente sofisticado\"\n            >\n          <\/figure>\n\n          <div class=\"ks-project-content\">\n            <span>Projeto residencial<\/span>\n            <h4>Interiores que traduzem estilo de vida.<\/h4>\n            <p>Ambientes com composi\u00e7\u00e3o elegante, propor\u00e7\u00f5es bem definidas e escolhas pensadas para o uso real da rotina.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <article class=\"ks-project-card\">\n        <a href=\"#contato\" class=\"ks-project-link\" aria-label=\"Solicitar projeto de \u00e1rea social\">\n          <figure class=\"ks-project-image\">\n            <img decoding=\"async\" \n              src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/projetos-de-arquitetura-em-balneario-camboriu-2.webp\" \n              alt=\"\u00c1rea social planejada com integra\u00e7\u00e3o e eleg\u00e2ncia\"\n            >\n          <\/figure>\n\n          <div class=\"ks-project-content\">\n            <span>\u00c1rea social<\/span>\n            <h4>Integra\u00e7\u00e3o com leveza<\/h4>\n            <p>Espa\u00e7os conectados, fluidos e acolhedores.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <article class=\"ks-project-card\">\n        <a href=\"#contato\" class=\"ks-project-link\" aria-label=\"Solicitar projeto de interiores personalizado\">\n          <figure class=\"ks-project-image\">\n            <img decoding=\"async\" \n              src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/projetos-de-arquitetura-em-balneario-camboriu-1.webp\" \n              alt=\"Detalhe de projeto de interiores com materiais e acabamentos\"\n            >\n          <\/figure>\n\n          <div class=\"ks-project-content\">\n            <span>Detalhes autorais<\/span>\n            <h4>Materiais com inten\u00e7\u00e3o<\/h4>\n            <p>Texturas, acabamentos e detalhes que elevam o ambiente.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <article class=\"ks-project-card\">\n        <a href=\"#contato\" class=\"ks-project-link\" aria-label=\"Solicitar projeto de arquitetura em Balne\u00e1rio Cambori\u00fa\">\n          <figure class=\"ks-project-image\">\n            <img decoding=\"async\" \n              src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/projetos-de-arquitetura-em-balneario-camboriu.webp\" \n              alt=\"Projeto de arquitetura e interiores em Balne\u00e1rio Cambori\u00fa\"\n            >\n          <\/figure>\n\n          <div class=\"ks-project-content\">\n            <span>Projeto autoral<\/span>\n            <h4>Ambientes com personalidade<\/h4>\n            <p>Solu\u00e7\u00f5es pensadas para refletir identidade e funcionalidade.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n    <\/div>\n\n    <div class=\"ks-mobile-hint\" aria-hidden=\"true\">\n      <span><\/span>\n      Arraste para ver os projetos\n    <\/div>\n\n    <div class=\"ks-projects-bottom\">\n      <div class=\"ks-projects-note\">\n        <span>Portf\u00f3lio autoral<\/span>\n        <p>Arquitetura residencial, interiores e acompanhamento para im\u00f3veis em transforma\u00e7\u00e3o.<\/p>\n      <\/div>\n\n      <a class=\"ks-projects-cta\" href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n        <span>Conversar sobre meu projeto<\/span>\n        <i><\/i>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F6EFE5;\n    --ks-dark: #2C211A;\n    --ks-dark-deep: #211711;\n    --ks-dark-soft: #382920;\n    --ks-muted-light: rgba(238, 231, 220, .76);\n    --ks-muted-lighter: rgba(238, 231, 220, .62);\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-projects,\n  .ks-projects * {\n    box-sizing: border-box;\n  }\n\n  .ks-projects a,\n  .ks-projects a:hover,\n  .ks-projects a:focus,\n  .ks-projects a:active {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-projects {\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 84% 10%, rgba(160, 85, 36, .18), transparent 30%),\n      radial-gradient(circle at 8% 86%, rgba(165, 173, 150, .08), transparent 30%),\n      linear-gradient(180deg, var(--ks-dark) 0%, var(--ks-dark-deep) 100%);\n    color: var(--ks-cream);\n    font-family: var(--ks-sans);\n    padding: clamp(90px, 7vw, 124px) 0 clamp(82px, 6.8vw, 112px);\n    isolation: isolate;\n  }\n\n  .ks-projects-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ks-projects-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .055;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(255, 250, 243, .16) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(198, 138, 101, .12) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(-7deg);\n  }\n\n  .ks-projects-glow {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(78px);\n    pointer-events: none;\n  }\n\n  .ks-projects-glow-a {\n    width: 520px;\n    height: 520px;\n    right: -240px;\n    top: -120px;\n    background: rgba(160, 85, 36, .26);\n    opacity: .42;\n  }\n\n  .ks-projects-glow-b {\n    width: 430px;\n    height: 430px;\n    left: -230px;\n    bottom: -120px;\n    background: rgba(165, 173, 150, .14);\n    opacity: .45;\n  }\n\n  .ks-projects-word {\n    position: absolute;\n    right: clamp(22px, 6vw, 110px);\n    bottom: clamp(18px, 4vw, 68px);\n    color: rgba(238, 231, 220, .035);\n    font-family: var(--ks-serif);\n    font-size: clamp(86px, 11vw, 180px);\n    line-height: .8;\n    letter-spacing: -.07em;\n    font-weight: 300;\n    white-space: nowrap;\n  }\n\n  .ks-projects-container {\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n    position: relative;\n    z-index: 2;\n  }\n\n  .ks-projects-head {\n    display: grid;\n    grid-template-columns: minmax(0, .74fr) minmax(310px, .26fr);\n    column-gap: clamp(42px, 6vw, 92px);\n    row-gap: 22px;\n    align-items: end;\n    margin-bottom: clamp(44px, 5vw, 68px);\n  }\n\n  .ks-projects-kicker {\n    grid-column: 1 \/ -1;\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: rgba(238, 231, 220, .82);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  .ks-projects-kicker span {\n    width: 48px;\n    height: 1px;\n    background: var(--ks-clay);\n    display: inline-block;\n  }\n\n  .ks-projects-title {\n    margin: 0;\n    max-width: 980px;\n    color: var(--ks-cream);\n    font-family: var(--ks-serif);\n    font-weight: 300;\n    font-size: clamp(50px, 5.7vw, 88px);\n    line-height: .94;\n    letter-spacing: -.052em;\n  }\n\n  .ks-projects-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-projects-title .word span {\n    display: inline-block;\n  }\n\n  .ks-projects-intro {\n    margin: 0;\n    max-width: 390px;\n    color: var(--ks-muted-light);\n    font-size: clamp(15.5px, 1vw, 17.5px);\n    line-height: 1.66;\n    font-weight: 400;\n  }\n\n  .ks-projects-carousel {\n    display: grid;\n    grid-template-columns: minmax(0, .68fr) minmax(340px, .32fr);\n    grid-template-rows: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n    align-items: stretch;\n  }\n\n  .ks-project-card {\n    position: relative;\n    overflow: hidden;\n    min-height: 208px;\n    border-radius: 24px;\n    background: rgba(238, 231, 220, .045);\n    border: 1px solid rgba(238, 231, 220, .13);\n    box-shadow: 0 28px 80px rgba(0, 0, 0, .2);\n    transform: translateZ(0);\n    transition:\n      transform .55s cubic-bezier(.22, 1, .36, 1),\n      border-color .45s ease,\n      box-shadow .45s ease;\n  }\n\n  .ks-project-card-feature {\n    grid-row: 1 \/ 4;\n    min-height: 660px;\n    border-radius: 30px;\n  }\n\n  .ks-project-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(198, 138, 101, .44);\n    box-shadow: 0 38px 100px rgba(0, 0, 0, .28);\n  }\n\n  .ks-project-link {\n    position: relative;\n    color: inherit !important;\n    display: block;\n    height: 100%;\n  }\n\n  .ks-project-image {\n    position: absolute;\n    inset: 0;\n    margin: 0;\n    overflow: hidden;\n  }\n\n  .ks-project-image::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    background: radial-gradient(circle at 50% 22%, rgba(255, 250, 243, .08), transparent 35%);\n    pointer-events: none;\n  }\n\n  .ks-project-image::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(44, 33, 26, .05) 0%,\n        rgba(44, 33, 26, .24) 43%,\n        rgba(44, 33, 26, .92) 100%\n      );\n    pointer-events: none;\n  }\n\n  .ks-project-card-feature .ks-project-image::after {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(44, 33, 26, .04) 0%,\n        rgba(44, 33, 26, .18) 42%,\n        rgba(44, 33, 26, .9) 100%\n      );\n  }\n\n  .ks-project-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: saturate(.96) contrast(1.04);\n    transform: scale(1.035);\n    transition:\n      transform 1.2s cubic-bezier(.22, 1, .36, 1),\n      filter .7s ease;\n  }\n\n  .ks-project-card:hover .ks-project-image img {\n    transform: scale(1.07);\n    filter: saturate(1.05) contrast(1.06);\n  }\n\n  .ks-project-content {\n    position: absolute;\n    z-index: 4;\n    left: 24px;\n    right: 24px;\n    bottom: 24px;\n  }\n\n  .ks-project-card-feature .ks-project-content {\n    left: clamp(28px, 3.4vw, 48px);\n    right: clamp(28px, 3.4vw, 48px);\n    bottom: clamp(30px, 3.4vw, 48px);\n    max-width: 650px;\n  }\n\n  .ks-project-content span {\n    display: inline-flex;\n    color: rgba(255, 250, 243, .78);\n    font-size: 10.5px;\n    font-weight: 600;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  .ks-project-content h4 {\n    margin: 0;\n    max-width: 320px;\n    color: var(--ks-cream);\n    font-family: var(--ks-serif);\n    font-size: clamp(25px, 2vw, 33px);\n    line-height: 1;\n    font-weight: 300;\n    letter-spacing: -.034em;\n  }\n\n  .ks-project-card-feature .ks-project-content h4 {\n    max-width: 650px;\n    font-size: clamp(40px, 4vw, 64px);\n    line-height: .96;\n    letter-spacing: -.042em;\n  }\n\n  .ks-project-content p {\n    margin: 10px 0 0;\n    max-width: 300px;\n    color: rgba(255, 250, 243, .72);\n    font-size: 13.5px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .ks-project-card-feature .ks-project-content p {\n    margin-top: 18px;\n    max-width: 520px;\n    color: rgba(255, 250, 243, .78);\n    font-size: 15.2px;\n    line-height: 1.58;\n  }\n\n  .ks-project-card::before {\n    content: \"\";\n    position: absolute;\n    z-index: 5;\n    left: 26px;\n    top: 26px;\n    width: 46px;\n    height: 1px;\n    background: rgba(238, 231, 220, .54);\n    transition: width .45s ease, background .45s ease;\n  }\n\n  .ks-project-card::after {\n    content: \"\";\n    position: absolute;\n    z-index: 5;\n    top: 20px;\n    right: 20px;\n    width: 42px;\n    height: 42px;\n    border-radius: 999px;\n    border: 1px solid rgba(238, 231, 220, .24);\n    background: rgba(238, 231, 220, .07);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    opacity: 0;\n    transform: translateY(-6px);\n    transition: opacity .4s ease, transform .4s ease, background .4s ease;\n  }\n\n  .ks-project-link::after {\n    content: \"\";\n    position: absolute;\n    z-index: 6;\n    top: 36px;\n    right: 38px;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-cream);\n    border-right: 1px solid var(--ks-cream);\n    transform: rotate(45deg) translate(-4px, 4px);\n    opacity: 0;\n    transition: opacity .4s ease, transform .4s ease;\n  }\n\n  .ks-project-card:hover::before {\n    width: 76px;\n    background: var(--ks-clay);\n  }\n\n  .ks-project-card:hover::after {\n    opacity: 1;\n    transform: translateY(0);\n    background: rgba(160, 85, 36, .38);\n  }\n\n  .ks-project-link:hover::after {\n    opacity: 1;\n    transform: rotate(45deg) translate(0, 0);\n  }\n\n  .ks-mobile-hint {\n    display: none;\n  }\n\n  .ks-projects-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 32px;\n    margin-top: clamp(32px, 3.4vw, 48px);\n    padding-top: 28px;\n    border-top: 1px solid rgba(238, 231, 220, .13);\n  }\n\n  .ks-projects-note {\n    display: grid;\n    gap: 8px;\n  }\n\n  .ks-projects-note span {\n    color: var(--ks-clay);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n  }\n\n  .ks-projects-note p {\n    margin: 0;\n    max-width: 590px;\n    color: rgba(238, 231, 220, .7);\n    font-size: 14.8px;\n    line-height: 1.62;\n    font-weight: 400;\n  }\n\n  .ks-projects-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    min-height: 58px;\n    padding: 0 24px;\n    color: var(--ks-dark) !important;\n    background: var(--ks-cream) !important;\n    border: 1px solid rgba(238, 231, 220, .42) !important;\n    border-radius: 999px;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    transition:\n      transform .35s ease,\n      background .35s ease,\n      color .35s ease,\n      border-color .35s ease;\n  }\n\n  .ks-projects-cta i {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: rgba(160, 85, 36, .12);\n    position: relative;\n    flex: 0 0 auto;\n    transition: background .35s ease;\n  }\n\n  .ks-projects-cta i::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-brown);\n    border-right: 1px solid var(--ks-brown);\n    top: 13px;\n    left: 11px;\n    transform: rotate(45deg);\n    transition: border-color .35s ease;\n  }\n\n  .ks-projects-cta:hover,\n  .ks-projects-cta:focus,\n  .ks-projects-cta:active {\n    transform: translateY(-3px);\n    background: var(--ks-clay) !important;\n    color: var(--ks-cream) !important;\n    border-color: var(--ks-clay) !important;\n  }\n\n  .ks-projects-cta:hover i,\n  .ks-projects-cta:focus i,\n  .ks-projects-cta:active i {\n    background: rgba(238, 231, 220, .16);\n  }\n\n  .ks-projects-cta:hover i::before,\n  .ks-projects-cta:focus i::before,\n  .ks-projects-cta:active i::before {\n    border-color: var(--ks-cream);\n  }\n\n  @media (max-width: 1024px) {\n    .ks-projects-head {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .ks-projects-intro {\n      max-width: 650px;\n    }\n\n    .ks-projects-carousel {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\n    }\n\n    .ks-project-card-feature {\n      grid-row: auto;\n      min-height: 620px;\n    }\n\n    .ks-project-card:not(.ks-project-card-feature) {\n      min-height: 320px;\n    }\n\n    .ks-projects-bottom {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n\n    .ks-projects-cta {\n      width: fit-content;\n    }\n  }\n\n  @media (max-width: 767px) {\n    :root {\n      --ks-side: 18px;\n    }\n\n    .ks-projects {\n      padding: 64px 0 58px;\n    }\n\n    .ks-projects-container {\n      padding: 0 18px;\n    }\n\n    .ks-projects-head {\n      margin-bottom: 30px;\n      row-gap: 16px;\n    }\n\n    .ks-projects-kicker {\n      gap: 9px;\n      font-size: 9.8px;\n      letter-spacing: .17em;\n    }\n\n    .ks-projects-kicker span {\n      width: 30px;\n    }\n\n    .ks-projects-title {\n      font-size: clamp(36px, 10.8vw, 50px);\n      line-height: .98;\n      letter-spacing: -.046em;\n    }\n\n    .ks-projects-intro {\n      max-width: 100%;\n      font-size: 14.6px;\n      line-height: 1.54;\n    }\n\n    .ks-projects-carousel {\n      display: flex;\n      gap: 14px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-snap-type: x mandatory;\n      scroll-padding-left: 18px;\n      padding: 0 18px 10px;\n      margin-left: -18px;\n      margin-right: -18px;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .ks-projects-carousel::-webkit-scrollbar {\n      display: none;\n    }\n\n    .ks-project-card,\n    .ks-project-card-feature,\n    .ks-project-card:not(.ks-project-card-feature) {\n      flex: 0 0 84vw;\n      min-height: 430px;\n      border-radius: 22px;\n      scroll-snap-align: start;\n    }\n\n    .ks-project-card:hover {\n      transform: none;\n    }\n\n    .ks-project-card:hover .ks-project-image img {\n      transform: scale(1.02);\n    }\n\n    .ks-project-image img {\n      transform: scale(1.02);\n    }\n\n    .ks-project-image::after,\n    .ks-project-card-feature .ks-project-image::after {\n      background:\n        linear-gradient(\n          180deg,\n          rgba(44, 33, 26, .03) 0%,\n          rgba(44, 33, 26, .16) 40%,\n          rgba(44, 33, 26, .9) 100%\n        );\n    }\n\n    .ks-project-content,\n    .ks-project-card-feature .ks-project-content {\n      left: 18px;\n      right: 18px;\n      bottom: 20px;\n      max-width: none;\n    }\n\n    .ks-project-content span {\n      font-size: 9.6px;\n      letter-spacing: .16em;\n      margin-bottom: 9px;\n    }\n\n    .ks-project-content h4,\n    .ks-project-card-feature .ks-project-content h4 {\n      max-width: 94%;\n      font-size: clamp(30px, 8.8vw, 39px);\n      line-height: .98;\n      letter-spacing: -.04em;\n    }\n\n    .ks-project-content p,\n    .ks-project-card-feature .ks-project-content p {\n      display: block;\n      max-width: 94%;\n      margin-top: 9px;\n      font-size: 13.2px;\n      line-height: 1.44;\n    }\n\n    .ks-project-card::before {\n      left: 18px;\n      top: 18px;\n      width: 38px;\n    }\n\n    .ks-project-card::after,\n    .ks-project-link::after {\n      display: none;\n    }\n\n    .ks-mobile-hint {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 12px;\n      color: rgba(238, 231, 220, .54);\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n    .ks-mobile-hint span {\n      width: 34px;\n      height: 1px;\n      background: rgba(198, 138, 101, .58);\n      display: block;\n    }\n\n    .ks-projects-bottom {\n      align-items: stretch;\n      flex-direction: column;\n      gap: 18px;\n      margin-top: 26px;\n      padding-top: 22px;\n    }\n\n    .ks-projects-note {\n      gap: 7px;\n    }\n\n    .ks-projects-note span {\n      font-size: 10px;\n      letter-spacing: .16em;\n    }\n\n    .ks-projects-note p {\n      font-size: 13.8px;\n      line-height: 1.5;\n    }\n\n    .ks-projects-cta {\n      width: 100%;\n      min-height: 52px;\n      padding: 0 16px;\n      white-space: normal;\n      text-align: center;\n      font-size: 10.5px;\n    }\n\n    .ks-projects-cta i {\n      width: 30px;\n      height: 30px;\n    }\n\n    .ks-projects-cta i::before {\n      top: 11px;\n      left: 9px;\n    }\n\n    .ks-projects-word {\n      display: none;\n    }\n\n    .ks-projects-glow-a,\n    .ks-projects-glow-b {\n      opacity: .26;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .ks-projects {\n      padding: 58px 0 52px;\n    }\n\n    .ks-projects-container {\n      padding: 0 16px;\n    }\n\n    .ks-projects-head {\n      margin-bottom: 26px;\n    }\n\n    .ks-projects-title {\n      font-size: 35px;\n    }\n\n    .ks-projects-intro {\n      font-size: 14.2px;\n      line-height: 1.5;\n    }\n\n    .ks-projects-carousel {\n      gap: 12px;\n      padding-left: 16px;\n      padding-right: 16px;\n      margin-left: -16px;\n      margin-right: -16px;\n      scroll-padding-left: 16px;\n    }\n\n    .ks-project-card,\n    .ks-project-card-feature,\n    .ks-project-card:not(.ks-project-card-feature) {\n      flex-basis: 86vw;\n      min-height: 405px;\n      border-radius: 20px;\n    }\n\n    .ks-project-content,\n    .ks-project-card-feature .ks-project-content {\n      left: 16px;\n      right: 16px;\n      bottom: 18px;\n    }\n\n    .ks-project-content h4,\n    .ks-project-card-feature .ks-project-content h4 {\n      font-size: 29px;\n    }\n\n    .ks-project-content p,\n    .ks-project-card-feature .ks-project-content p {\n      font-size: 12.7px;\n      line-height: 1.42;\n    }\n\n    .ks-project-card::before {\n      left: 16px;\n      top: 16px;\n      width: 34px;\n    }\n\n    .ks-projects-cta {\n      min-height: 50px;\n      font-size: 10px;\n    }\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const projectsSection = document.querySelector(\".ks-projects\");\n    const projectsTitle = document.querySelector(\".ks-projects-title\");\n\n    if (!projectsSection) return;\n\n    if (projectsTitle && !projectsTitle.classList.contains(\"is-splitted\")) {\n      const words = projectsTitle.textContent.trim().split(\/\\s+\/);\n\n      projectsTitle.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      projectsTitle.classList.add(\"is-splitted\");\n    }\n\n    function initKsProjectsAnimations() {\n      if (typeof gsap === \"undefined\") return;\n\n      if (typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n      }\n\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      if (reduceMotion) return;\n\n      const hasScrollTrigger = typeof ScrollTrigger !== \"undefined\";\n\n      const tl = gsap.timeline({\n        scrollTrigger: hasScrollTrigger ? {\n          trigger: \".ks-projects\",\n          start: \"top 76%\",\n          once: true\n        } : null,\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(\".ks-projects-kicker\", {\n        y: 18,\n        opacity: 0,\n        duration: .72\n      })\n      .from(\".ks-projects-title .word span\", {\n        yPercent: 110,\n        rotate: 2,\n        duration: 1.02,\n        stagger: .036\n      }, \"-=.34\")\n      .from(\".ks-projects-intro\", {\n        y: 22,\n        opacity: 0,\n        duration: .74\n      }, \"-=.58\")\n      .from(\".ks-project-card\", {\n        y: 34,\n        opacity: 0,\n        clipPath: \"inset(14% 0 0 0 round 30px)\",\n        duration: .86,\n        stagger: .08\n      }, \"-=.38\")\n      .from(\".ks-projects-bottom\", {\n        y: 22,\n        opacity: 0,\n        duration: .72\n      }, \"-=.28\");\n\n      if (hasScrollTrigger) {\n        gsap.utils.toArray(\".ks-project-image img\").forEach(function (img) {\n          const article = img.closest(\"article\");\n\n          if (!article) return;\n\n          gsap.to(img, {\n            yPercent: -4,\n            ease: \"none\",\n            scrollTrigger: {\n              trigger: article,\n              start: \"top bottom\",\n              end: \"bottom top\",\n              scrub: true\n            }\n          });\n        });\n\n        gsap.to(\".ks-projects-word\", {\n          y: -48,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-projects\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-projects-glow-a\", {\n          y: -34,\n          x: -24,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-projects\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-projects-glow-b\", {\n          y: 34,\n          x: 20,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-projects\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n      }\n    }\n\n    function loadScriptOnce(src, id, callback) {\n      const existing = document.getElementById(id);\n\n      if (existing) {\n        if (callback) callback();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = src;\n      script.id = id;\n      script.onload = callback;\n      document.body.appendChild(script);\n    }\n\n    if (typeof gsap === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\",\n        \"ks-gsap-script\",\n        function () {\n          loadScriptOnce(\n            \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n            \"ks-scrolltrigger-script\",\n            initKsProjectsAnimations\n          );\n        }\n      );\n    } else if (typeof ScrollTrigger === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n        \"ks-scrolltrigger-script\",\n        initKsProjectsAnimations\n      );\n    } else {\n      initKsProjectsAnimations();\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d39232 e-con-full e-flex e-con e-parent\" data-id=\"2d39232\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08ce138 elementor-widget elementor-widget-html\" data-id=\"08ce138\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O 4 \u2014 SERVI\u00c7OS\n KIMBERLLY SANTORO ARQUITETURA\n Largura padr\u00e3o: 1440px\n H4: Arquitetura, interiores e acompanhamento de projeto\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-services\" id=\"servicos\">\n  <div class=\"ks-services-bg\" aria-hidden=\"true\">\n    <div class=\"ks-services-grain\"><\/div>\n    <div class=\"ks-services-shape ks-services-shape-a\"><\/div>\n    <div class=\"ks-services-shape ks-services-shape-b\"><\/div>\n    <div class=\"ks-services-word\">SERVI\u00c7OS<\/div>\n  <\/div>\n\n  <div class=\"ks-services-container\">\n    <div class=\"ks-services-head\">\n      <div class=\"ks-services-kicker\">\n        <span><\/span>\n        Servi\u00e7os\n      <\/div>\n\n      <h4 class=\"ks-services-title\">\n        Arquitetura, interiores e acompanhamento de projeto\n      <\/h4>\n\n      <p class=\"ks-services-intro\">\n        Solu\u00e7\u00f5es para transformar im\u00f3veis em espa\u00e7os elegantes, funcionais e bem resolvidos \u2014 do conceito \u00e0s escolhas finais.\n      <\/p>\n    <\/div>\n\n    <div class=\"ks-services-grid\">\n      <article class=\"ks-service-card\">\n        <div class=\"ks-service-top\">\n          <span>01<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"ks-service-content\">\n          <h5>Arquitetura residencial<\/h5>\n          <p>Projetos para casas, apartamentos e reformas, com solu\u00e7\u00f5es pensadas para rotina, est\u00e9tica e valoriza\u00e7\u00e3o do im\u00f3vel.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ks-service-card\">\n        <div class=\"ks-service-top\">\n          <span>02<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"ks-service-content\">\n          <h5>Design de interiores<\/h5>\n          <p>Ambientes completos, harm\u00f4nicos e personalizados, com escolha de layout, mobili\u00e1rio, materiais e atmosfera.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ks-service-card\">\n        <div class=\"ks-service-top\">\n          <span>03<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"ks-service-content\">\n          <h5>Detalhamento t\u00e9cnico<\/h5>\n          <p>Plantas, medidas, especifica\u00e7\u00f5es e orienta\u00e7\u00f5es para que a execu\u00e7\u00e3o aconte\u00e7a com mais clareza e precis\u00e3o.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ks-service-card\">\n        <div class=\"ks-service-top\">\n          <span>04<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"ks-service-content\">\n          <h5>Acompanhamento<\/h5>\n          <p>Apoio nas decis\u00f5es do projeto, alinhamento com fornecedores e orienta\u00e7\u00e3o nas escolhas mais importantes.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"ks-services-bottom\">\n      <p>\n        Os servi\u00e7os podem ser contratados de forma individual ou combinados conforme o momento, a necessidade e o n\u00edvel de transforma\u00e7\u00e3o do im\u00f3vel.\n      <\/p>\n\n      <a href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\" class=\"ks-services-cta\">\n        <span>Solicitar atendimento<\/span>\n        <i><\/i>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F6EFE5;\n    --ks-dark: #2C211A;\n    --ks-muted: rgba(44, 33, 26, .74);\n    --ks-muted-soft: rgba(44, 33, 26, .58);\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-services,\n  .ks-services * {\n    box-sizing: border-box;\n  }\n\n  .ks-services a,\n  .ks-services a:hover,\n  .ks-services a:focus,\n  .ks-services a:active {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-services {\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 88% 12%, rgba(198, 138, 101, .14), transparent 30%),\n      linear-gradient(180deg, var(--ks-cream) 0%, var(--ks-cream-soft) 100%);\n    color: var(--ks-dark);\n    font-family: var(--ks-sans);\n    padding: clamp(88px, 7vw, 122px) 0 clamp(84px, 7vw, 118px);\n    isolation: isolate;\n  }\n\n  .ks-services-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ks-services-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .05;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(160, 85, 36, .13) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(44, 33, 26, .08) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(7deg);\n  }\n\n  .ks-services-shape {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(76px);\n    pointer-events: none;\n  }\n\n  .ks-services-shape-a {\n    right: -190px;\n    top: 10%;\n    width: 460px;\n    height: 460px;\n    background: rgba(198, 138, 101, .22);\n    opacity: .46;\n  }\n\n  .ks-services-shape-b {\n    left: -220px;\n    bottom: -160px;\n    width: 420px;\n    height: 420px;\n    background: rgba(165, 173, 150, .18);\n    opacity: .5;\n  }\n\n  .ks-services-word {\n    position: absolute;\n    right: clamp(20px, 5vw, 86px);\n    bottom: clamp(18px, 4vw, 62px);\n    color: rgba(44, 33, 26, .035);\n    font-family: var(--ks-serif);\n    font-size: clamp(82px, 10vw, 168px);\n    line-height: .8;\n    letter-spacing: -.07em;\n    font-weight: 300;\n    white-space: nowrap;\n  }\n\n  .ks-services-container {\n    position: relative;\n    z-index: 2;\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n  }\n\n  .ks-services-head {\n    display: grid;\n    grid-template-columns: minmax(0, .72fr) minmax(320px, .28fr);\n    column-gap: clamp(40px, 6vw, 88px);\n    row-gap: 22px;\n    align-items: end;\n    margin-bottom: clamp(42px, 5vw, 66px);\n  }\n\n  .ks-services-kicker {\n    grid-column: 1 \/ -1;\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: var(--ks-brown);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .19em;\n    text-transform: uppercase;\n  }\n\n  .ks-services-kicker span {\n    width: 48px;\n    height: 1px;\n    background: var(--ks-brown);\n    display: inline-block;\n  }\n\n  .ks-services-title {\n    margin: 0;\n    max-width: 960px;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(50px, 5.8vw, 88px);\n    line-height: .94;\n    letter-spacing: -.052em;\n    font-weight: 300;\n  }\n\n  .ks-services-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-services-title .word span {\n    display: inline-block;\n  }\n\n  .ks-services-intro {\n    margin: 0;\n    max-width: 430px;\n    color: var(--ks-muted);\n    font-size: clamp(15.5px, 1vw, 17.5px);\n    line-height: 1.66;\n    font-weight: 400;\n  }\n\n  .ks-services-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .ks-service-card {\n    position: relative;\n    min-height: 340px;\n    padding: clamp(26px, 2.6vw, 36px);\n    border-radius: 28px;\n    background:\n      linear-gradient(180deg, rgba(255, 250, 243, .72), rgba(255, 250, 243, .42));\n    border: 1px solid rgba(160, 85, 36, .16);\n    box-shadow: 0 24px 70px rgba(68, 39, 22, .06);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition:\n      transform .5s cubic-bezier(.22, 1, .36, 1),\n      background .35s ease,\n      border-color .35s ease,\n      box-shadow .35s ease;\n  }\n\n  .ks-service-card::before {\n    content: \"\";\n    position: absolute;\n    inset: auto -40px -100px -40px;\n    height: 210px;\n    background: radial-gradient(circle, rgba(160, 85, 36, .12), transparent 68%);\n    opacity: 0;\n    transition: opacity .4s ease;\n  }\n\n  .ks-service-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    border-radius: 21px;\n    border: 1px solid rgba(160, 85, 36, .07);\n    pointer-events: none;\n  }\n\n  .ks-service-card:hover {\n    transform: translateY(-8px);\n    background: rgba(255, 250, 243, .82);\n    border-color: rgba(160, 85, 36, .3);\n    box-shadow: 0 34px 90px rgba(68, 39, 22, .11);\n  }\n\n  .ks-service-card:hover::before {\n    opacity: 1;\n  }\n\n  .ks-service-top {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n  }\n\n  .ks-service-top span {\n    display: block;\n    color: var(--ks-brown);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .16em;\n  }\n\n  .ks-service-top i {\n    display: block;\n    width: 42px;\n    height: 42px;\n    border-radius: 999px;\n    border: 1px solid rgba(160, 85, 36, .18);\n    background: rgba(160, 85, 36, .045);\n    position: relative;\n    transition: background .35s ease, border-color .35s ease, transform .35s ease;\n  }\n\n  .ks-service-top i::before,\n  .ks-service-top i::after {\n    content: \"\";\n    position: absolute;\n    background: var(--ks-brown);\n    opacity: .82;\n  }\n\n  .ks-service-top i::before {\n    width: 14px;\n    height: 1px;\n    top: 20px;\n    left: 14px;\n  }\n\n  .ks-service-top i::after {\n    width: 1px;\n    height: 14px;\n    top: 14px;\n    left: 20px;\n  }\n\n  .ks-service-card:hover .ks-service-top i {\n    transform: rotate(90deg);\n    background: rgba(160, 85, 36, .1);\n    border-color: rgba(160, 85, 36, .3);\n  }\n\n  .ks-service-content {\n    position: relative;\n    z-index: 2;\n    padding-top: 54px;\n  }\n\n  .ks-service-card h5 {\n    margin: 0;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(31px, 2.6vw, 42px);\n    line-height: .98;\n    letter-spacing: -.04em;\n    font-weight: 300;\n  }\n\n  .ks-service-card p {\n    margin: 18px 0 0;\n    max-width: 300px;\n    color: var(--ks-muted);\n    font-size: 14.8px;\n    line-height: 1.6;\n    font-weight: 400;\n  }\n\n  .ks-services-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n    margin-top: clamp(34px, 4vw, 52px);\n    padding-top: 28px;\n    border-top: 1px solid rgba(160, 85, 36, .16);\n  }\n\n  .ks-services-bottom p {\n    margin: 0;\n    max-width: 620px;\n    color: var(--ks-muted);\n    font-size: 14.8px;\n    line-height: 1.6;\n    font-weight: 400;\n  }\n\n  .ks-services-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    min-height: 58px;\n    padding: 0 24px;\n    color: var(--ks-white) !important;\n    background: var(--ks-brown) !important;\n    border: 1px solid var(--ks-brown) !important;\n    border-radius: 999px;\n    text-decoration: none !important;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    box-shadow: 0 16px 34px rgba(160, 85, 36, .14) !important;\n    transition: transform .35s ease, background .35s ease, color .35s ease, border-color .35s ease;\n  }\n\n  .ks-services-cta i {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: rgba(255, 250, 243, .16);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ks-services-cta i::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-white);\n    border-right: 1px solid var(--ks-white);\n    top: 13px;\n    left: 11px;\n    transform: rotate(45deg);\n  }\n\n  .ks-services-cta:hover,\n  .ks-services-cta:focus,\n  .ks-services-cta:active {\n    transform: translateY(-3px);\n    background: var(--ks-brown-dark) !important;\n    color: var(--ks-white) !important;\n    border-color: var(--ks-brown-dark) !important;\n  }\n\n  @media (max-width: 1180px) {\n    .ks-services-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ks-service-card {\n      min-height: 300px;\n    }\n\n    .ks-service-content {\n      padding-top: 44px;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ks-services-head {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .ks-services-intro {\n      max-width: 680px;\n    }\n  }\n\n  @media (max-width: 767px) {\n  :root {\n    --ks-side: 18px;\n  }\n\n  .ks-services {\n    padding: 62px 0 58px;\n    background: #F7EEE4;\n  }\n\n  .ks-services-container {\n    padding: 0 18px;\n  }\n\n  .ks-services-head {\n    margin-bottom: 28px;\n    row-gap: 16px;\n  }\n\n  .ks-services-kicker {\n    gap: 9px;\n    font-size: 9.8px;\n    letter-spacing: .17em;\n  }\n\n  .ks-services-kicker span {\n    width: 30px;\n  }\n\n  .ks-services-title {\n    font-size: clamp(36px, 10.8vw, 50px);\n    line-height: .98;\n    letter-spacing: -.046em;\n  }\n\n  .ks-services-intro {\n    max-width: 100%;\n    font-size: 14.6px;\n    line-height: 1.54;\n  }\n\n  .ks-services-grid {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .ks-service-card {\n    min-height: auto;\n    padding: 18px 18px 17px;\n    border-radius: 18px;\n    gap: 18px;\n    background: rgba(255, 250, 243, .62);\n  }\n\n  .ks-service-card::before {\n    display: none;\n  }\n\n  .ks-service-card::after {\n    inset: 8px;\n    border-radius: 13px;\n  }\n\n  .ks-service-card:hover {\n    transform: none;\n  }\n\n  .ks-service-top span {\n    font-size: 10.5px;\n    letter-spacing: .15em;\n  }\n\n  .ks-service-top i {\n    width: 34px;\n    height: 34px;\n  }\n\n  .ks-service-top i::before {\n    width: 12px;\n    top: 16px;\n    left: 11px;\n  }\n\n  .ks-service-top i::after {\n    height: 12px;\n    top: 11px;\n    left: 16px;\n  }\n\n  .ks-service-content {\n    padding-top: 0;\n  }\n\n  .ks-service-card h5 {\n    font-size: clamp(28px, 8vw, 34px);\n    line-height: .98;\n    letter-spacing: -.04em;\n  }\n\n  .ks-service-card p {\n    max-width: none;\n    margin-top: 10px;\n    font-size: 13.9px;\n    line-height: 1.5;\n  }\n\n  .ks-services-bottom {\n    align-items: stretch;\n    flex-direction: column;\n    gap: 18px;\n    margin-top: 26px;\n    padding-top: 22px;\n  }\n\n  .ks-services-bottom p {\n    font-size: 13.8px;\n    line-height: 1.5;\n  }\n\n  .ks-services-cta {\n    width: 100%;\n    min-height: 52px;\n    padding: 0 16px;\n    white-space: normal;\n    text-align: center;\n    font-size: 10.5px;\n  }\n\n  .ks-services-cta i {\n    width: 30px;\n    height: 30px;\n  }\n\n  .ks-services-cta i::before {\n    top: 11px;\n    left: 9px;\n  }\n\n  .ks-services-word {\n    display: none;\n  }\n\n  .ks-services-shape-a,\n  .ks-services-shape-b {\n    opacity: .24;\n  }\n}\n\n@media (max-width: 390px) {\n  .ks-services {\n    padding: 56px 0 52px;\n  }\n\n  .ks-services-container {\n    padding: 0 16px;\n  }\n\n  .ks-services-head {\n    margin-bottom: 24px;\n  }\n\n  .ks-services-title {\n    font-size: 35px;\n  }\n\n  .ks-services-intro {\n    font-size: 14.2px;\n    line-height: 1.5;\n  }\n\n  .ks-service-card {\n    padding: 17px 16px;\n    gap: 16px;\n  }\n\n  .ks-service-card h5 {\n    font-size: 27px;\n  }\n\n  .ks-service-card p {\n    font-size: 13.5px;\n    line-height: 1.46;\n  }\n\n  .ks-services-bottom {\n    margin-top: 24px;\n    padding-top: 20px;\n  }\n\n  .ks-services-bottom p {\n    font-size: 13.4px;\n  }\n\n  .ks-services-cta {\n    min-height: 50px;\n    font-size: 10px;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const servicesSection = document.querySelector(\".ks-services\");\n    const servicesTitle = document.querySelector(\".ks-services-title\");\n\n    if (!servicesSection) return;\n\n    if (servicesTitle && !servicesTitle.classList.contains(\"is-splitted\")) {\n      const words = servicesTitle.textContent.trim().split(\/\\s+\/);\n\n      servicesTitle.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      servicesTitle.classList.add(\"is-splitted\");\n    }\n\n    function initKsServicesAnimations() {\n      if (typeof gsap === \"undefined\") return;\n\n      if (typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n      }\n\n      const hasScrollTrigger = typeof ScrollTrigger !== \"undefined\";\n\n      const tl = gsap.timeline({\n        scrollTrigger: hasScrollTrigger ? {\n          trigger: \".ks-services\",\n          start: \"top 78%\",\n          once: true\n        } : null,\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(\".ks-services-kicker\", {\n        y: 18,\n        opacity: 0,\n        duration: .7\n      })\n      .from(\".ks-services-title .word span\", {\n        yPercent: 110,\n        rotate: 2,\n        duration: 1,\n        stagger: .038\n      }, \"-=.32\")\n      .from(\".ks-services-intro\", {\n        y: 22,\n        opacity: 0,\n        duration: .74\n      }, \"-=.58\")\n      .from(\".ks-service-card\", {\n        y: 28,\n        opacity: 0,\n        duration: .78,\n        stagger: .07\n      }, \"-=.42\")\n      .from(\".ks-services-bottom\", {\n        y: 22,\n        opacity: 0,\n        duration: .72\n      }, \"-=.26\");\n\n      if (hasScrollTrigger) {\n        gsap.to(\".ks-services-word\", {\n          y: -42,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-services\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-services-shape-a\", {\n          y: -30,\n          x: -24,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-services\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-services-shape-b\", {\n          y: 28,\n          x: 22,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-services\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n      }\n    }\n\n    function loadScriptOnce(src, id, callback) {\n      const existing = document.getElementById(id);\n\n      if (existing) {\n        if (callback) callback();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = src;\n      script.id = id;\n      script.onload = callback;\n      document.body.appendChild(script);\n    }\n\n    if (typeof gsap === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\",\n        \"ks-gsap-script\",\n        function () {\n          loadScriptOnce(\n            \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n            \"ks-scrolltrigger-script\",\n            initKsServicesAnimations\n          );\n        }\n      );\n    } else if (typeof ScrollTrigger === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n        \"ks-scrolltrigger-script\",\n        initKsServicesAnimations\n      );\n    } else {\n      initKsServicesAnimations();\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c00393b e-con-full e-flex e-con e-parent\" data-id=\"c00393b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eac890 elementor-widget elementor-widget-html\" data-id=\"6eac890\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O 5 \u2014 PROCESSO \/ SIMPLES INTEGRADO\n KIMBERLLY SANTORO ARQUITETURA\n Largura padr\u00e3o: 1440px\n H5: Um processo claro do conceito \u00e0 entrega\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-process-flow\" id=\"processo\">\n  <div class=\"ks-process-flow-bg\" aria-hidden=\"true\">\n    <div class=\"ks-process-flow-grain\"><\/div>\n    <div class=\"ks-process-flow-light\"><\/div>\n    <div class=\"ks-process-flow-word\">PROCESSO<\/div>\n  <\/div>\n\n  <div class=\"ks-process-flow-container\">\n\n    <div class=\"ks-process-flow-left\">\n      <div class=\"ks-process-flow-kicker\">\n        <span><\/span>\n        M\u00e9todo de trabalho\n      <\/div>\n\n      <h5 class=\"ks-process-flow-title\">\n        Um processo claro do conceito \u00e0 entrega\n      <\/h5>\n\n      <p class=\"ks-process-flow-intro\">\n        Uma condu\u00e7\u00e3o objetiva para transformar ideias em projeto, com escuta, dire\u00e7\u00e3o est\u00e9tica e escolhas bem orientadas.\n      <\/p>\n\n      <a href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\" class=\"ks-process-flow-cta\">\n        <span>Iniciar meu projeto<\/span>\n        <i><\/i>\n      <\/a>\n    <\/div>\n\n    <div class=\"ks-process-flow-right\">\n      <p class=\"ks-process-flow-statement\">\n        Primeiro, entendemos o espa\u00e7o. Depois, organizamos as escolhas. Por fim, entregamos uma dire\u00e7\u00e3o clara para seguir.\n      <\/p>\n\n      <div class=\"ks-process-flow-steps\" aria-label=\"Etapas do processo\">\n        <div class=\"ks-process-flow-step\">\n          <strong>01<\/strong>\n          <span>Escuta<\/span>\n          <p>Rotina, desejos e necessidades do im\u00f3vel.<\/p>\n        <\/div>\n\n        <div class=\"ks-process-flow-step\">\n          <strong>02<\/strong>\n          <span>Conceito<\/span>\n          <p>Dire\u00e7\u00e3o est\u00e9tica, refer\u00eancias e atmosfera.<\/p>\n        <\/div>\n\n        <div class=\"ks-process-flow-step\">\n          <strong>03<\/strong>\n          <span>Projeto<\/span>\n          <p>Solu\u00e7\u00f5es, layout, materiais e detalhes.<\/p>\n        <\/div>\n\n        <div class=\"ks-process-flow-step\">\n          <strong>04<\/strong>\n          <span>Entrega<\/span>\n          <p>Orienta\u00e7\u00e3o clara para seguir com seguran\u00e7a.<\/p>\n        <\/div>\n      <\/div>\n\n      <p class=\"ks-process-flow-note\">\n        Do conceito ao detalhe, cada escolha precisa fazer sentido para quem vai viver o espa\u00e7o.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F6EFE5;\n    --ks-dark: #2C211A;\n    --ks-muted: rgba(44, 33, 26, .74);\n    --ks-muted-soft: rgba(44, 33, 26, .58);\n    --ks-line: rgba(160, 85, 36, .18);\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-process-flow,\n  .ks-process-flow * {\n    box-sizing: border-box;\n  }\n\n  .ks-process-flow a,\n  .ks-process-flow a:hover,\n  .ks-process-flow a:focus,\n  .ks-process-flow a:active {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-process-flow {\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: clamp(88px, 7vw, 118px) 0 clamp(84px, 7vw, 112px);\n    background:\n      radial-gradient(circle at 12% 20%, rgba(165, 173, 150, .15), transparent 30%),\n      radial-gradient(circle at 92% 70%, rgba(198, 138, 101, .12), transparent 34%),\n      linear-gradient(180deg, var(--ks-cream) 0%, var(--ks-cream-soft) 100%);\n    color: var(--ks-dark);\n    font-family: var(--ks-sans);\n  }\n\n  .ks-process-flow-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .ks-process-flow-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .05;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(160, 85, 36, .14) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(44, 33, 26, .08) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(-7deg);\n  }\n\n  .ks-process-flow-light {\n    position: absolute;\n    right: -240px;\n    top: 10%;\n    width: 520px;\n    height: 520px;\n    border-radius: 999px;\n    background: rgba(198, 138, 101, .18);\n    filter: blur(78px);\n    opacity: .72;\n  }\n\n  .ks-process-flow-word {\n    position: absolute;\n    right: clamp(20px, 5vw, 88px);\n    bottom: clamp(18px, 4vw, 62px);\n    color: rgba(44, 33, 26, .035);\n    font-family: var(--ks-serif);\n    font-size: clamp(82px, 10vw, 164px);\n    line-height: .8;\n    letter-spacing: -.07em;\n    font-weight: 300;\n    white-space: nowrap;\n  }\n\n  .ks-process-flow-container {\n    position: relative;\n    z-index: 2;\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n    display: grid;\n    grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);\n    gap: clamp(48px, 7vw, 108px);\n    align-items: center;\n  }\n\n  .ks-process-flow-left {\n    min-width: 0;\n    max-width: 620px;\n  }\n\n  .ks-process-flow-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 24px;\n    color: var(--ks-brown);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  .ks-process-flow-kicker span {\n    width: 48px;\n    height: 1px;\n    background: currentColor;\n    display: inline-block;\n  }\n\n  .ks-process-flow-title {\n    margin: 0;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(50px, 5.2vw, 82px);\n    line-height: .94;\n    letter-spacing: -.052em;\n    font-weight: 300;\n  }\n\n  .ks-process-flow-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-process-flow-title .word span {\n    display: inline-block;\n  }\n\n  .ks-process-flow-intro {\n    max-width: 520px;\n    margin: 28px 0 0;\n    color: var(--ks-muted);\n    font-size: clamp(15.5px, 1.06vw, 17.5px);\n    line-height: 1.66;\n    font-weight: 400;\n  }\n\n  .ks-process-flow-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    min-height: 58px;\n    margin-top: 36px;\n    padding: 0 24px;\n    border-radius: 999px;\n    border: 1px solid var(--ks-brown) !important;\n    background: var(--ks-brown) !important;\n    color: var(--ks-white) !important;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    box-shadow: 0 16px 34px rgba(160, 85, 36, .14) !important;\n    transition: transform .35s ease, background .35s ease, color .35s ease, border-color .35s ease;\n  }\n\n  .ks-process-flow-cta i {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: rgba(255, 250, 243, .16);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ks-process-flow-cta i::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-white);\n    border-right: 1px solid var(--ks-white);\n    top: 13px;\n    left: 11px;\n    transform: rotate(45deg);\n  }\n\n  .ks-process-flow-cta:hover,\n  .ks-process-flow-cta:focus,\n  .ks-process-flow-cta:active {\n    transform: translateY(-3px);\n    background: var(--ks-brown-dark) !important;\n    color: var(--ks-white) !important;\n    border-color: var(--ks-brown-dark) !important;\n  }\n\n  .ks-process-flow-right {\n    position: relative;\n    min-width: 0;\n    padding: clamp(12px, 1.8vw, 24px) 0;\n  }\n\n  .ks-process-flow-right::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: min(100%, 760px);\n    height: 1px;\n    background: linear-gradient(90deg, rgba(160, 85, 36, .3), rgba(160, 85, 36, .08), transparent);\n  }\n\n  .ks-process-flow-statement {\n    margin: 0;\n    max-width: 790px;\n    color: rgba(44, 33, 26, .84);\n    font-family: var(--ks-serif);\n    font-size: clamp(38px, 3.8vw, 66px);\n    line-height: .98;\n    letter-spacing: -.048em;\n    font-weight: 300;\n  }\n\n  .ks-process-flow-steps {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: clamp(16px, 2vw, 28px);\n    margin-top: clamp(46px, 5vw, 72px);\n    padding-top: 28px;\n    border-top: 1px solid rgba(160, 85, 36, .22);\n  }\n\n  .ks-process-flow-step {\n    position: relative;\n    min-width: 0;\n  }\n\n  .ks-process-flow-step::before {\n    content: \"\";\n    position: absolute;\n    top: -33px;\n    left: 0;\n    width: 9px;\n    height: 9px;\n    border-radius: 999px;\n    background: var(--ks-brown);\n    box-shadow: 0 0 0 8px rgba(160, 85, 36, .08);\n  }\n\n  .ks-process-flow-step strong {\n    display: block;\n    margin-bottom: 18px;\n    color: var(--ks-brown);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .18em;\n  }\n\n  .ks-process-flow-step span {\n    display: block;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(28px, 2.3vw, 38px);\n    line-height: .96;\n    letter-spacing: -.04em;\n    font-weight: 300;\n  }\n\n  .ks-process-flow-step p {\n    margin: 14px 0 0;\n    max-width: 170px;\n    color: var(--ks-muted);\n    font-size: 13.8px;\n    line-height: 1.52;\n    font-weight: 400;\n  }\n\n  .ks-process-flow-note {\n    max-width: 590px;\n    margin: clamp(38px, 4vw, 58px) 0 0;\n    padding-top: 24px;\n    border-top: 1px solid rgba(160, 85, 36, .14);\n    color: var(--ks-muted);\n    font-size: 14.8px;\n    line-height: 1.62;\n    font-weight: 400;\n  }\n\n  @media (max-width: 1120px) {\n    .ks-process-flow-container {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .ks-process-flow-left,\n    .ks-process-flow-right {\n      max-width: 900px;\n    }\n  }\n\n  @media (max-width: 767px) {\n  :root {\n    --ks-side: 18px;\n  }\n\n  .ks-process-flow {\n    padding: 62px 0 58px;\n    background: #F7EEE4;\n  }\n\n  .ks-process-flow-container {\n    padding: 0 18px;\n    gap: 30px;\n  }\n\n  .ks-process-flow-kicker {\n    gap: 9px;\n    margin-bottom: 16px;\n    font-size: 9.8px;\n    letter-spacing: .17em;\n  }\n\n  .ks-process-flow-kicker span {\n    width: 30px;\n  }\n\n  .ks-process-flow-title {\n    font-size: clamp(36px, 10.8vw, 50px);\n    line-height: .98;\n    letter-spacing: -.046em;\n  }\n\n  .ks-process-flow-intro {\n    max-width: 100%;\n    margin-top: 18px;\n    font-size: 14.6px;\n    line-height: 1.54;\n  }\n\n  .ks-process-flow-cta {\n    width: 100%;\n    min-height: 52px;\n    margin-top: 24px;\n    padding: 0 16px;\n    white-space: normal;\n    text-align: center;\n    font-size: 10.5px;\n  }\n\n  .ks-process-flow-cta i {\n    width: 30px;\n    height: 30px;\n  }\n\n  .ks-process-flow-cta i::before {\n    top: 11px;\n    left: 9px;\n  }\n\n  .ks-process-flow-right {\n    padding-top: 22px;\n  }\n\n  .ks-process-flow-right::before {\n    width: 100%;\n    background: linear-gradient(90deg, rgba(160, 85, 36, .24), rgba(160, 85, 36, .08), transparent);\n  }\n\n  .ks-process-flow-statement {\n    font-size: clamp(27px, 8.2vw, 38px);\n    line-height: 1.02;\n    letter-spacing: -.044em;\n  }\n\n  .ks-process-flow-steps {\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-top: 24px;\n    padding-top: 0;\n    border-top: none;\n  }\n\n  .ks-process-flow-step {\n    position: relative;\n    padding: 18px 18px 17px;\n    border-radius: 18px;\n    border: 1px solid rgba(160, 85, 36, .16);\n    background: rgba(255, 250, 243, .62);\n    display: grid;\n    grid-template-columns: 42px 1fr;\n    column-gap: 14px;\n    row-gap: 7px;\n    align-items: start;\n  }\n\n  .ks-process-flow-step::before {\n    display: none;\n  }\n\n  .ks-process-flow-step strong {\n    grid-row: 1 \/ 3;\n    margin: 3px 0 0;\n    color: var(--ks-brown);\n    font-size: 10.5px;\n    letter-spacing: .15em;\n  }\n\n  .ks-process-flow-step span {\n    font-size: 29px;\n    line-height: .98;\n  }\n\n  .ks-process-flow-step p {\n    max-width: none;\n    margin: 0;\n    font-size: 13.7px;\n    line-height: 1.46;\n  }\n\n  .ks-process-flow-note {\n    margin-top: 24px;\n    padding-top: 20px;\n    font-size: 13.8px;\n    line-height: 1.5;\n  }\n\n  .ks-process-flow-word {\n    display: none;\n  }\n\n  .ks-process-flow-light {\n    opacity: .26;\n  }\n}\n\n@media (max-width: 420px) {\n  .ks-process-flow-steps {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 390px) {\n  .ks-process-flow {\n    padding: 56px 0 52px;\n  }\n\n  .ks-process-flow-container {\n    padding: 0 16px;\n    gap: 26px;\n  }\n\n  .ks-process-flow-title {\n    font-size: 35px;\n  }\n\n  .ks-process-flow-intro {\n    font-size: 14.2px;\n    line-height: 1.5;\n  }\n\n  .ks-process-flow-cta {\n    min-height: 50px;\n    font-size: 10px;\n  }\n\n  .ks-process-flow-statement {\n    font-size: 26px;\n  }\n\n  .ks-process-flow-step {\n    padding: 17px 16px;\n    grid-template-columns: 38px 1fr;\n    column-gap: 12px;\n  }\n\n  .ks-process-flow-step span {\n    font-size: 27px;\n  }\n\n  .ks-process-flow-step p {\n    font-size: 13.3px;\n  }\n\n  .ks-process-flow-note {\n    font-size: 13.4px;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const section = document.querySelector(\".ks-process-flow\");\n    if (!section) return;\n\n    const title = section.querySelector(\".ks-process-flow-title\");\n\n    if (title && !title.classList.contains(\"is-splitted\")) {\n      const words = title.textContent.trim().split(\/\\s+\/);\n\n      title.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      title.classList.add(\"is-splitted\");\n    }\n\n    function initKsProcessFlowAnimations() {\n      if (typeof gsap === \"undefined\") return;\n\n      if (typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n      }\n\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      if (reduceMotion) return;\n\n      const hasScrollTrigger = typeof ScrollTrigger !== \"undefined\";\n\n      const tl = gsap.timeline({\n        scrollTrigger: hasScrollTrigger ? {\n          trigger: section,\n          start: \"top 76%\",\n          once: true\n        } : null,\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(section.querySelector(\".ks-process-flow-kicker\"), {\n        y: 18,\n        opacity: 0,\n        duration: .7\n      })\n      .from(section.querySelectorAll(\".ks-process-flow-title .word span\"), {\n        yPercent: 110,\n        rotate: 2,\n        duration: 1,\n        stagger: .04\n      }, \"-=.34\")\n      .from(section.querySelector(\".ks-process-flow-intro\"), {\n        y: 22,\n        opacity: 0,\n        duration: .74\n      }, \"-=.58\")\n      .from(section.querySelector(\".ks-process-flow-cta\"), {\n        y: 20,\n        opacity: 0,\n        duration: .68\n      }, \"-=.44\")\n      .from(section.querySelector(\".ks-process-flow-statement\"), {\n        y: 28,\n        opacity: 0,\n        duration: .82\n      }, \"-=.5\")\n      .from(section.querySelectorAll(\".ks-process-flow-step\"), {\n        y: 18,\n        opacity: 0,\n        duration: .62,\n        stagger: .07\n      }, \"-=.42\")\n      .from(section.querySelector(\".ks-process-flow-note\"), {\n        y: 16,\n        opacity: 0,\n        duration: .64\n      }, \"-=.28\");\n\n      if (hasScrollTrigger) {\n        gsap.to(section.querySelector(\".ks-process-flow-light\"), {\n          y: 34,\n          x: -22,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: section,\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(section.querySelector(\".ks-process-flow-word\"), {\n          y: -42,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: section,\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n      }\n    }\n\n    function loadScriptOnce(src, id, callback) {\n      const existing = document.getElementById(id);\n\n      if (existing) {\n        if (callback) callback();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = src;\n      script.id = id;\n      script.onload = callback;\n      document.body.appendChild(script);\n    }\n\n    if (typeof gsap === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\",\n        \"ks-gsap-script\",\n        function () {\n          loadScriptOnce(\n            \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n            \"ks-scrolltrigger-script\",\n            initKsProcessFlowAnimations\n          );\n        }\n      );\n    } else if (typeof ScrollTrigger === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n        \"ks-scrolltrigger-script\",\n        initKsProcessFlowAnimations\n      );\n    } else {\n      initKsProcessFlowAnimations();\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-544a12d e-con-full e-flex e-con e-parent\" data-id=\"544a12d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84191e2 elementor-widget elementor-widget-html\" data-id=\"84191e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O 6 \u2014 SOBRE KIMBERLLY\n KIMBERLLY SANTORO ARQUITETURA\n Largura padr\u00e3o: 1440px\n H6: Arquitetura feita com escuta, t\u00e9cnica e sensibilidade\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-about\" id=\"sobre\">\n  <div class=\"ks-about-bg\" aria-hidden=\"true\">\n    <div class=\"ks-about-grain\"><\/div>\n    <div class=\"ks-about-orb ks-about-orb-a\"><\/div>\n    <div class=\"ks-about-orb ks-about-orb-b\"><\/div>\n    <div class=\"ks-about-mark\">KS<\/div>\n  <\/div>\n\n  <div class=\"ks-about-container\">\n    <div class=\"ks-about-visual\">\n      <figure class=\"ks-about-image-wrap\">\n        <img decoding=\"async\" \n          class=\"ks-about-image\"\n          src=\"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/Kimberlly-108-1.webp\" \n          alt=\"Kimberlly Santoro, arquiteta e designer de interiores\"\n        >\n      <\/figure>\n\n      <div class=\"ks-about-float\">\n        <span>Arquitetura autoral<\/span>\n        <p>Projetos com identidade, propor\u00e7\u00e3o e cuidado em cada decis\u00e3o.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ks-about-content\">\n      <div class=\"ks-about-kicker\">\n        <span><\/span>\n        Sobre Kimberlly\n      <\/div>\n\n      <h6 class=\"ks-about-title\">\n        Arquitetura feita com escuta, t\u00e9cnica e sensibilidade\n      <\/h6>\n\n      <p class=\"ks-about-lead\">\n        Projetos de arquitetura e interiores pensados para criar espa\u00e7os elegantes, funcionais e verdadeiramente personalizados.\n      <\/p>\n\n      <div class=\"ks-about-line-text\">\n        <p>\n          Cada escolha parte da rotina, do estilo de vida e da identidade de quem vai viver o ambiente.\n        <\/p>\n      <\/div>\n\n      <div class=\"ks-about-values\">\n        <div>\n          <strong>01<\/strong>\n          <span>Escuta<\/span>\n        <\/div>\n\n        <div>\n          <strong>02<\/strong>\n          <span>Est\u00e9tica<\/span>\n        <\/div>\n\n        <div>\n          <strong>03<\/strong>\n          <span>Funcionalidade<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ks-about-bottom\">\n        <div class=\"ks-about-signature\">\n          <i><\/i>\n          <div>\n            <strong>Kimberlly Santoro<\/strong>\n            <span>Arquitetura e Interiores<\/span>\n          <\/div>\n        <\/div>\n\n        <a class=\"ks-about-cta\" href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n          <span>Conversar com a arquiteta<\/span>\n          <em><\/em>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F7EEE4;\n    --ks-dark: #2C211A;\n    --ks-muted: rgba(44, 33, 26, .74);\n    --ks-muted-soft: rgba(44, 33, 26, .58);\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-about,\n  .ks-about * {\n    box-sizing: border-box;\n  }\n\n  .ks-about a,\n  .ks-about a:hover,\n  .ks-about a:focus,\n  .ks-about a:active {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-about {\n    position: relative;\n    overflow: hidden;\n    background: #F7EEE4 !important;\n    color: var(--ks-dark);\n    font-family: var(--ks-sans);\n    padding: clamp(84px, 6.8vw, 118px) 0;\n    isolation: isolate;\n  }\n\n  .ks-about::before {\n    display: none !important;\n  }\n\n  .ks-about-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ks-about-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .04;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(160, 85, 36, .12) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(44, 33, 26, .06) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(7deg);\n  }\n\n  .ks-about-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(78px);\n    pointer-events: none;\n  }\n\n  .ks-about-orb-a {\n    width: 420px;\n    height: 420px;\n    left: -190px;\n    bottom: -120px;\n    background: rgba(165, 173, 150, .18);\n    opacity: .34;\n  }\n\n  .ks-about-orb-b {\n    width: 460px;\n    height: 460px;\n    right: -220px;\n    top: 12%;\n    background: rgba(198, 138, 101, .14);\n    opacity: .36;\n  }\n\n  .ks-about-mark {\n    position: absolute;\n    right: clamp(24px, 7vw, 126px);\n    bottom: clamp(18px, 4vw, 70px);\n    color: rgba(160, 85, 36, .035);\n    font-family: var(--ks-serif);\n    font-size: clamp(130px, 16vw, 260px);\n    line-height: .8;\n    letter-spacing: -.08em;\n    font-weight: 300;\n  }\n\n  .ks-about-container {\n    position: relative;\n    z-index: 2;\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n    display: grid;\n    grid-template-columns: minmax(390px, .4fr) minmax(0, .6fr);\n    gap: clamp(56px, 7vw, 118px);\n    align-items: center;\n  }\n\n  .ks-about-visual {\n    position: relative;\n    min-height: 640px;\n    display: flex;\n    align-items: center;\n  }\n\n  .ks-about-image-wrap {\n    position: relative;\n    width: min(478px, 100%);\n    height: 640px;\n    margin: 0;\n    overflow: hidden;\n    border-radius: 240px 240px 28px 28px;\n    background: var(--ks-clay);\n    box-shadow: 0 36px 92px rgba(68, 39, 22, .16);\n  }\n\n  .ks-about-image-wrap::before {\n    content: \"\";\n    position: absolute;\n    inset: 16px;\n    z-index: 3;\n    border: 1px solid rgba(255, 250, 243, .58);\n    border-radius: 228px 228px 18px 18px;\n    pointer-events: none;\n  }\n\n  .ks-about-image-wrap::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(44, 33, 26, .01) 0%,\n        rgba(44, 33, 26, .04) 52%,\n        rgba(44, 33, 26, .18) 100%\n      );\n    pointer-events: none;\n  }\n\n  .ks-about-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 50% 42%;\n    display: block;\n    transform: scale(1.045);\n    will-change: transform;\n  }\n\n  .ks-about-float {\n    position: absolute;\n    right: -36px;\n    bottom: 72px;\n    z-index: 5;\n    width: 258px;\n    padding: 20px 22px;\n    border-radius: 18px 18px 18px 4px;\n    background: rgba(255, 250, 243, .84);\n    border: 1px solid rgba(160, 85, 36, .18);\n    box-shadow: 0 24px 70px rgba(68, 39, 22, .13);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n  }\n\n  .ks-about-float span {\n    display: block;\n    color: var(--ks-brown);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  .ks-about-float p {\n    margin: 0;\n    color: var(--ks-muted);\n    font-size: 14.3px;\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  .ks-about-content {\n    position: relative;\n    max-width: 870px;\n  }\n\n  .ks-about-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: var(--ks-brown);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    margin-bottom: 24px;\n  }\n\n  .ks-about-kicker span {\n    width: 48px;\n    height: 1px;\n    background: var(--ks-brown);\n    display: inline-block;\n  }\n\n  .ks-about-title {\n    margin: 0;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(50px, 5.4vw, 84px);\n    line-height: .94;\n    letter-spacing: -.052em;\n    font-weight: 300;\n    max-width: 900px;\n  }\n\n  .ks-about-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-about-title .word span {\n    display: inline-block;\n  }\n\n  .ks-about-lead {\n    max-width: 680px;\n    margin: 28px 0 0;\n    color: var(--ks-muted);\n    font-size: clamp(17px, 1.22vw, 20px);\n    line-height: 1.58;\n    font-weight: 400;\n  }\n\n  .ks-about-line-text {\n    max-width: 660px;\n    margin-top: 32px;\n    padding-top: 26px;\n    border-top: 1px solid rgba(160, 85, 36, .16);\n  }\n\n  .ks-about-line-text::before {\n    content: \"\";\n    display: block;\n    width: 76px;\n    height: 1px;\n    background: var(--ks-brown);\n    margin-top: -27px;\n    margin-bottom: 24px;\n  }\n\n  .ks-about-line-text p {\n    margin: 0;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(30px, 3vw, 44px);\n    line-height: 1.08;\n    letter-spacing: -.04em;\n    font-weight: 300;\n  }\n\n  .ks-about-values {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .ks-about-values div {\n    position: relative;\n    min-height: 108px;\n    padding: 21px 20px 19px;\n    border-radius: 18px;\n    background: rgba(255, 250, 243, .42);\n    border: 1px solid rgba(160, 85, 36, .14);\n    transition: transform .35s ease, background .35s ease, border-color .35s ease;\n  }\n\n  .ks-about-values div::before {\n    content: \"\";\n    position: absolute;\n    left: 20px;\n    top: 52px;\n    width: 34px;\n    height: 1px;\n    background: rgba(160, 85, 36, .34);\n  }\n\n  .ks-about-values div:hover {\n    transform: translateY(-4px);\n    background: rgba(255, 250, 243, .66);\n    border-color: rgba(160, 85, 36, .25);\n  }\n\n  .ks-about-values strong {\n    display: block;\n    color: var(--ks-brown);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .16em;\n    margin-bottom: 32px;\n  }\n\n  .ks-about-values span {\n    display: block;\n    color: rgba(44, 33, 26, .84);\n    font-size: 12.5px;\n    font-weight: 600;\n    line-height: 1.45;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .ks-about-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n    margin-top: 36px;\n    padding-top: 30px;\n    border-top: 1px solid rgba(160, 85, 36, .15);\n  }\n\n  .ks-about-signature {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n  }\n\n  .ks-about-signature i {\n    width: 72px;\n    height: 1px;\n    background: rgba(160, 85, 36, .5);\n    display: block;\n    flex: 0 0 auto;\n  }\n\n  .ks-about-signature strong {\n    display: block;\n    color: var(--ks-brown);\n    font-size: 12px;\n    letter-spacing: .15em;\n    text-transform: uppercase;\n    font-weight: 600;\n  }\n\n  .ks-about-signature span {\n    display: block;\n    margin-top: 5px;\n    color: var(--ks-muted-soft);\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .ks-about-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    min-height: 58px;\n    padding: 0 24px;\n    color: var(--ks-white) !important;\n    background: var(--ks-brown) !important;\n    border: 1px solid var(--ks-brown) !important;\n    border-radius: 999px;\n    text-decoration: none !important;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    box-shadow: 0 16px 34px rgba(160, 85, 36, .14) !important;\n    transition: transform .35s ease, background .35s ease, color .35s ease, border-color .35s ease;\n  }\n\n  .ks-about-cta em {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: rgba(255, 250, 243, .16);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ks-about-cta em::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-white);\n    border-right: 1px solid var(--ks-white);\n    top: 13px;\n    left: 11px;\n    transform: rotate(45deg);\n  }\n\n  .ks-about-cta:hover,\n  .ks-about-cta:focus,\n  .ks-about-cta:active {\n    transform: translateY(-3px);\n    background: var(--ks-brown-dark) !important;\n    color: var(--ks-white) !important;\n    border-color: var(--ks-brown-dark) !important;\n  }\n\n  @media (max-width: 1180px) {\n    .ks-about-container {\n      grid-template-columns: minmax(340px, .42fr) minmax(0, .58fr);\n      gap: 54px;\n    }\n\n    .ks-about-float {\n      right: -20px;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ks-about::before {\n      display: none !important;\n    }\n\n    .ks-about-container {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .ks-about-visual {\n      min-height: auto;\n      max-width: 560px;\n    }\n\n    .ks-about-image-wrap {\n      width: min(470px, 100%);\n      height: 580px;\n    }\n\n    .ks-about-content {\n      max-width: 900px;\n    }\n\n    .ks-about-bottom {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 767px) {\n    :root {\n      --ks-side: 18px;\n    }\n\n    .ks-about {\n      padding: 62px 0 58px;\n      background: #F7EEE4 !important;\n    }\n\n    .ks-about-container {\n      padding: 0 18px;\n      gap: 30px;\n    }\n\n    .ks-about-visual {\n      min-height: auto;\n      max-width: 100%;\n      justify-content: center;\n    }\n\n    .ks-about-image-wrap {\n      width: min(100%, 340px);\n      height: 410px;\n      border-radius: 170px 170px 18px 18px;\n      margin: 0 auto;\n    }\n\n    .ks-about-image-wrap::before {\n      inset: 10px;\n      border-radius: 160px 160px 10px 10px;\n    }\n\n    .ks-about-image {\n      object-position: 50% 34%;\n      transform: scale(1);\n    }\n\n    .ks-about-float {\n      left: 50%;\n      right: auto;\n      bottom: 14px;\n      width: calc(100% - 28px);\n      max-width: 312px;\n      transform: translateX(-50%);\n      padding: 12px 14px 13px;\n      border-radius: 14px;\n    }\n\n    .ks-about-float span {\n      font-size: 9.2px;\n      letter-spacing: .13em;\n      margin-bottom: 6px;\n      white-space: nowrap;\n    }\n\n    .ks-about-float p {\n      font-size: 12.2px;\n      line-height: 1.38;\n      max-width: 100%;\n    }\n\n    .ks-about-kicker {\n      gap: 9px;\n      font-size: 9.8px;\n      margin-bottom: 16px;\n      letter-spacing: .17em;\n    }\n\n    .ks-about-kicker span {\n      width: 30px;\n    }\n\n    .ks-about-title {\n      font-size: clamp(36px, 10.8vw, 50px);\n      line-height: .98;\n      letter-spacing: -.046em;\n    }\n\n    .ks-about-lead {\n      max-width: 100%;\n      margin-top: 18px;\n      font-size: 14.8px;\n      line-height: 1.54;\n    }\n\n    .ks-about-line-text {\n      margin-top: 22px;\n      padding-top: 20px;\n    }\n\n    .ks-about-line-text::before {\n      width: 56px;\n      margin-top: -21px;\n      margin-bottom: 18px;\n    }\n\n    .ks-about-line-text p {\n      font-size: clamp(24px, 7.4vw, 32px);\n      line-height: 1.08;\n      letter-spacing: -.038em;\n    }\n\n    .ks-about-values {\n      grid-template-columns: 1fr;\n      gap: 10px;\n      margin-top: 24px;\n    }\n\n    .ks-about-values div {\n      min-height: auto;\n      padding: 17px 18px;\n      border-radius: 16px;\n      display: grid;\n      grid-template-columns: 42px 1fr;\n      align-items: center;\n      column-gap: 14px;\n      background: rgba(255, 250, 243, .56);\n    }\n\n    .ks-about-values div::before {\n      display: none;\n    }\n\n    .ks-about-values div:hover {\n      transform: none;\n    }\n\n    .ks-about-values strong {\n      margin-bottom: 0;\n      font-size: 10.5px;\n      letter-spacing: .15em;\n    }\n\n    .ks-about-values span {\n      font-size: 11.4px;\n      letter-spacing: .08em;\n    }\n\n    .ks-about-bottom {\n      align-items: stretch;\n      flex-direction: column;\n      gap: 18px;\n      margin-top: 26px;\n      padding-top: 22px;\n    }\n\n    .ks-about-signature {\n      align-items: center;\n      flex-direction: row;\n      gap: 14px;\n    }\n\n    .ks-about-signature i {\n      width: 52px;\n    }\n\n    .ks-about-signature strong {\n      font-size: 10.8px;\n      letter-spacing: .13em;\n    }\n\n    .ks-about-signature span {\n      font-size: 11px;\n      letter-spacing: .07em;\n    }\n\n    .ks-about-cta {\n      width: 100%;\n      min-height: 52px;\n      padding: 0 16px;\n      text-align: center;\n      white-space: normal;\n      font-size: 10.5px;\n    }\n\n    .ks-about-cta em {\n      width: 30px;\n      height: 30px;\n    }\n\n    .ks-about-cta em::before {\n      top: 11px;\n      left: 9px;\n    }\n\n    .ks-about-mark {\n      display: none;\n    }\n\n    .ks-about-orb-a,\n    .ks-about-orb-b {\n      opacity: .24;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .ks-about {\n      padding: 56px 0 52px;\n    }\n\n    .ks-about-container {\n      padding: 0 16px;\n      gap: 26px;\n    }\n\n    .ks-about-image-wrap {\n      width: min(100%, 315px);\n      height: 380px;\n      border-radius: 158px 158px 16px 16px;\n    }\n\n    .ks-about-image-wrap::before {\n      border-radius: 148px 148px 9px 9px;\n    }\n\n    .ks-about-image {\n      object-position: 50% 32%;\n      transform: scale(1);\n    }\n\n    .ks-about-float {\n      width: calc(100% - 24px);\n      max-width: 292px;\n      padding: 10px 12px 11px;\n    }\n\n    .ks-about-float span {\n      font-size: 8.7px;\n      letter-spacing: .11em;\n    }\n\n    .ks-about-float p {\n      font-size: 11.6px;\n      line-height: 1.34;\n    }\n\n    .ks-about-title {\n      font-size: 35px;\n    }\n\n    .ks-about-lead {\n      font-size: 14.3px;\n      line-height: 1.5;\n    }\n\n    .ks-about-line-text p {\n      font-size: 24px;\n    }\n\n    .ks-about-values div {\n      padding: 16px;\n      grid-template-columns: 38px 1fr;\n      column-gap: 12px;\n    }\n\n    .ks-about-signature i {\n      width: 42px;\n    }\n\n    .ks-about-cta {\n      min-height: 50px;\n      font-size: 10px;\n    }\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const aboutSection = document.querySelector(\".ks-about\");\n    const aboutTitle = document.querySelector(\".ks-about-title\");\n\n    if (!aboutSection) return;\n\n    if (aboutTitle && !aboutTitle.classList.contains(\"is-splitted\")) {\n      const words = aboutTitle.textContent.trim().split(\/\\s+\/);\n\n      aboutTitle.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      aboutTitle.classList.add(\"is-splitted\");\n    }\n\n    function initKsAboutAnimations() {\n      if (typeof gsap === \"undefined\") return;\n\n      if (typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n      }\n\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      if (reduceMotion) return;\n\n      const hasScrollTrigger = typeof ScrollTrigger !== \"undefined\";\n\n      const tl = gsap.timeline({\n        scrollTrigger: hasScrollTrigger ? {\n          trigger: \".ks-about\",\n          start: \"top 78%\",\n          once: true\n        } : null,\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(\".ks-about-image-wrap\", {\n        clipPath: \"inset(100% 0 0 0 round 240px 240px 26px 26px)\",\n        y: 42,\n        opacity: 0,\n        duration: 1.08\n      })\n      .from(\".ks-about-float\", {\n        y: 26,\n        opacity: 0,\n        duration: .78\n      }, \"-=.48\")\n      .from(\".ks-about-kicker\", {\n        y: 18,\n        opacity: 0,\n        duration: .7\n      }, \"-=.68\")\n      .from(\".ks-about-title .word span\", {\n        yPercent: 110,\n        rotate: 2,\n        duration: 1,\n        stagger: .038\n      }, \"-=.34\")\n      .from(\".ks-about-lead\", {\n        y: 22,\n        opacity: 0,\n        duration: .76\n      }, \"-=.58\")\n      .from(\".ks-about-line-text\", {\n        y: 22,\n        opacity: 0,\n        duration: .74\n      }, \"-=.42\")\n      .from(\".ks-about-values div\", {\n        y: 22,\n        opacity: 0,\n        duration: .72,\n        stagger: .07\n      }, \"-=.34\")\n      .from(\".ks-about-bottom\", {\n        y: 22,\n        opacity: 0,\n        duration: .72\n      }, \"-=.28\");\n\n      if (hasScrollTrigger) {\n        gsap.to(\".ks-about-image\", {\n          yPercent: -4,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-about\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-about-mark\", {\n          y: -44,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-about\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-about-orb-a\", {\n          y: -34,\n          x: 18,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-about\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-about-orb-b\", {\n          y: 34,\n          x: -18,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-about\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n      }\n    }\n\n    function loadScriptOnce(src, id, callback) {\n      const existing = document.getElementById(id);\n\n      if (existing) {\n        if (callback) callback();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = src;\n      script.id = id;\n      script.onload = callback;\n      document.body.appendChild(script);\n    }\n\n    if (typeof gsap === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\",\n        \"ks-gsap-script\",\n        function () {\n          loadScriptOnce(\n            \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n            \"ks-scrolltrigger-script\",\n            initKsAboutAnimations\n          );\n        }\n      );\n    } else if (typeof ScrollTrigger === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n        \"ks-scrolltrigger-script\",\n        initKsAboutAnimations\n      );\n    } else {\n      initKsAboutAnimations();\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b1442d e-con-full e-flex e-con e-parent\" data-id=\"0b1442d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd7f095 elementor-widget elementor-widget-html\" data-id=\"cd7f095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O 7 \u2014 TURNKEY \/ SOLU\u00c7\u00c3O COMPLETA\n KIMBERLLY SANTORO ARQUITETURA\n Largura padr\u00e3o: 1440px\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-turnkey\" id=\"turnkey\">\n  <div class=\"ks-turnkey-bg\" aria-hidden=\"true\">\n    <div class=\"ks-turnkey-grain\"><\/div>\n    <div class=\"ks-turnkey-orb ks-turnkey-orb-a\"><\/div>\n    <div class=\"ks-turnkey-orb ks-turnkey-orb-b\"><\/div>\n  <\/div>\n\n  <div class=\"ks-turnkey-container\">\n    <div class=\"ks-turnkey-card\">\n      <div class=\"ks-turnkey-head\">\n        <div class=\"ks-turnkey-kicker\">\n          <span><\/span>\n          Solu\u00e7\u00e3o completa\n        <\/div>\n\n        <h6 class=\"ks-turnkey-title\">\n          Seu im\u00f3vel pronto para viver.\n        <\/h6>\n\n        <p class=\"ks-turnkey-intro\">\n          Uma condu\u00e7\u00e3o completa para quem deseja transformar o im\u00f3vel com projeto, escolhas bem orientadas e acompanhamento nas principais decis\u00f5es.\n        <\/p>\n      <\/div>\n\n      <div class=\"ks-turnkey-center\">\n        <div class=\"ks-turnkey-line\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"ks-turnkey-steps\">\n          <article class=\"ks-turnkey-step\">\n            <span>01<\/span>\n            <strong>Planejar<\/strong>\n            <p>Entendimento do im\u00f3vel, necessidades, rotina e prioridades.<\/p>\n          <\/article>\n\n          <article class=\"ks-turnkey-step\">\n            <span>02<\/span>\n            <strong>Projetar<\/strong>\n            <p>Cria\u00e7\u00e3o da solu\u00e7\u00e3o est\u00e9tica, funcional e t\u00e9cnica para o espa\u00e7o.<\/p>\n          <\/article>\n\n          <article class=\"ks-turnkey-step\">\n            <span>03<\/span>\n            <strong>Escolher<\/strong>\n            <p>Apoio na defini\u00e7\u00e3o de materiais, acabamentos e fornecedores.<\/p>\n          <\/article>\n\n          <article class=\"ks-turnkey-step\">\n            <span>04<\/span>\n            <strong>Acompanhar<\/strong>\n            <p>Orienta\u00e7\u00e3o nas etapas importantes para manter coer\u00eancia e clareza.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <div class=\"ks-turnkey-action\">\n        <p>\n          Ideal para apartamentos novos, reformas e im\u00f3veis que precisam de um processo mais organizado, previs\u00edvel e elegante.\n        <\/p>\n\n        <a href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n          <span>Falar sobre meu im\u00f3vel<\/span>\n          <i><\/i>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F7EEE4;\n    --ks-dark: #2C211A;\n    --ks-dark-soft: #382920;\n    --ks-dark-deep: #211711;\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-turnkey,\n  .ks-turnkey * {\n    box-sizing: border-box;\n  }\n\n  .ks-turnkey a,\n  .ks-turnkey a:hover,\n  .ks-turnkey a:focus,\n  .ks-turnkey a:active {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-turnkey {\n    position: relative;\n    overflow: hidden;\n    background: #F7EEE4;\n    color: var(--ks-dark);\n    font-family: var(--ks-sans);\n    padding: clamp(80px, 6.8vw, 116px) 0;\n    isolation: isolate;\n  }\n\n  .ks-turnkey-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .ks-turnkey-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .04;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(160, 85, 36, .12) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(44, 33, 26, .07) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(-7deg);\n  }\n\n  .ks-turnkey-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(82px);\n    pointer-events: none;\n  }\n\n  .ks-turnkey-orb-a {\n    right: -220px;\n    top: -180px;\n    width: 520px;\n    height: 520px;\n    background: rgba(160, 85, 36, .14);\n    opacity: .72;\n  }\n\n  .ks-turnkey-orb-b {\n    left: -220px;\n    bottom: -180px;\n    width: 460px;\n    height: 460px;\n    background: rgba(165, 173, 150, .14);\n    opacity: .55;\n  }\n\n  .ks-turnkey-container {\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n    position: relative;\n    z-index: 2;\n  }\n\n  .ks-turnkey-card {\n    position: relative;\n    overflow: hidden;\n    border-radius: clamp(28px, 3vw, 42px);\n    background:\n      radial-gradient(circle at 88% 12%, rgba(198, 138, 101, .22), transparent 34%),\n      linear-gradient(135deg, var(--ks-dark-deep) 0%, var(--ks-dark) 48%, var(--ks-dark-soft) 100%);\n    color: var(--ks-cream);\n    padding: clamp(34px, 4.2vw, 62px);\n    box-shadow: 0 36px 110px rgba(68, 39, 22, .18);\n  }\n\n  .ks-turnkey-card::before {\n    content: \"TURNKEY\";\n    position: absolute;\n    right: clamp(18px, 5vw, 72px);\n    top: clamp(18px, 4vw, 54px);\n    color: rgba(238, 231, 220, .045);\n    font-family: var(--ks-serif);\n    font-size: clamp(64px, 10vw, 158px);\n    line-height: .8;\n    letter-spacing: -.07em;\n    pointer-events: none;\n  }\n\n  .ks-turnkey-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 16px;\n    border-radius: clamp(20px, 2.4vw, 30px);\n    border: 1px solid rgba(238, 231, 220, .09);\n    pointer-events: none;\n  }\n\n  .ks-turnkey-head {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: minmax(0, .62fr) minmax(300px, .38fr);\n    column-gap: clamp(30px, 5vw, 82px);\n    row-gap: 24px;\n    align-items: end;\n    margin-bottom: clamp(46px, 5vw, 72px);\n  }\n\n  .ks-turnkey-kicker {\n    grid-column: 1 \/ -1;\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: rgba(238, 231, 220, .82);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  .ks-turnkey-kicker span {\n    width: 48px;\n    height: 1px;\n    background: var(--ks-clay);\n    display: inline-block;\n  }\n\n  .ks-turnkey-title {\n    margin: 0;\n    max-width: 780px;\n    color: var(--ks-cream);\n    font-family: var(--ks-serif);\n    font-size: clamp(50px, 6vw, 92px);\n    line-height: .92;\n    letter-spacing: -.055em;\n    font-weight: 300;\n  }\n\n  .ks-turnkey-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-turnkey-title .word span {\n    display: inline-block;\n  }\n\n  .ks-turnkey-intro {\n    margin: 0;\n    max-width: 470px;\n    color: rgba(238, 231, 220, .76);\n    font-size: clamp(15.5px, 1vw, 17.5px);\n    line-height: 1.66;\n    font-weight: 400;\n  }\n\n  .ks-turnkey-center {\n    position: relative;\n    z-index: 2;\n    margin-bottom: clamp(38px, 4.5vw, 62px);\n  }\n\n  .ks-turnkey-line {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 44px;\n    height: 1px;\n    background: rgba(238, 231, 220, .14);\n    transform: translateY(-50%);\n  }\n\n  .ks-turnkey-line::before {\n    content: \"\";\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: 0;\n    background: var(--ks-clay);\n  }\n\n  .ks-turnkey.is-visible .ks-turnkey-line::before {\n    animation: ksTurnkeyLine 1.25s cubic-bezier(.22, 1, .36, 1) forwards;\n  }\n\n  .ks-turnkey-steps {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: clamp(12px, 1.6vw, 22px);\n  }\n\n  .ks-turnkey-step {\n    position: relative;\n    min-height: 188px;\n    padding: 24px 22px;\n    border-radius: 24px;\n    border: 1px solid rgba(238, 231, 220, .14);\n    background: rgba(238, 231, 220, .06);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition:\n      transform .45s cubic-bezier(.22, 1, .36, 1),\n      background .35s ease,\n      border-color .35s ease;\n  }\n\n  .ks-turnkey-step::before {\n    content: \"\";\n    position: absolute;\n    left: 22px;\n    top: 40px;\n    width: 9px;\n    height: 9px;\n    border-radius: 999px;\n    background: var(--ks-clay);\n    box-shadow: 0 0 0 8px rgba(198, 138, 101, .1);\n  }\n\n  .ks-turnkey-step:hover {\n    transform: translateY(-8px);\n    background: rgba(238, 231, 220, .095);\n    border-color: rgba(198, 138, 101, .5);\n  }\n\n  .ks-turnkey-step span {\n    display: block;\n    color: var(--ks-clay);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .16em;\n    margin-bottom: 48px;\n  }\n\n  .ks-turnkey-step strong {\n    display: block;\n    color: var(--ks-cream);\n    font-family: var(--ks-serif);\n    font-size: clamp(29px, 2.5vw, 40px);\n    line-height: 1;\n    letter-spacing: -.038em;\n    font-weight: 300;\n  }\n\n  .ks-turnkey-step p {\n    margin: 14px 0 0;\n    color: rgba(238, 231, 220, .68);\n    font-size: 13.8px;\n    line-height: 1.5;\n    font-weight: 400;\n  }\n\n  .ks-turnkey-action {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n    padding-top: 30px;\n    border-top: 1px solid rgba(238, 231, 220, .14);\n  }\n\n  .ks-turnkey-action p {\n    margin: 0;\n    max-width: 650px;\n    color: rgba(238, 231, 220, .72);\n    font-size: 14.8px;\n    line-height: 1.62;\n    font-weight: 400;\n  }\n\n  .ks-turnkey-action a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    min-height: 58px;\n    padding: 0 24px;\n    color: var(--ks-dark) !important;\n    background: var(--ks-cream) !important;\n    border: 1px solid rgba(238, 231, 220, .42) !important;\n    border-radius: 999px;\n    text-decoration: none !important;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    transition:\n      transform .35s ease,\n      background .35s ease,\n      color .35s ease,\n      border-color .35s ease;\n  }\n\n  .ks-turnkey-action a i {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: rgba(160, 85, 36, .12);\n    position: relative;\n    flex: 0 0 auto;\n    transition: background .35s ease;\n  }\n\n  .ks-turnkey-action a i::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-brown);\n    border-right: 1px solid var(--ks-brown);\n    top: 13px;\n    left: 11px;\n    transform: rotate(45deg);\n    transition: border-color .35s ease;\n  }\n\n  .ks-turnkey-action a:hover,\n  .ks-turnkey-action a:focus,\n  .ks-turnkey-action a:active {\n    transform: translateY(-3px);\n    background: var(--ks-clay) !important;\n    color: var(--ks-cream) !important;\n    border-color: var(--ks-clay) !important;\n  }\n\n  .ks-turnkey-action a:hover i,\n  .ks-turnkey-action a:focus i,\n  .ks-turnkey-action a:active i {\n    background: rgba(238, 231, 220, .16);\n  }\n\n  .ks-turnkey-action a:hover i::before,\n  .ks-turnkey-action a:focus i::before,\n  .ks-turnkey-action a:active i::before {\n    border-color: var(--ks-cream);\n  }\n\n  @keyframes ksTurnkeyLine {\n    from {\n      width: 0;\n    }\n\n    to {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ks-turnkey-head {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .ks-turnkey-intro {\n      max-width: 660px;\n    }\n\n    .ks-turnkey-steps {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ks-turnkey-line {\n      display: none;\n    }\n\n    .ks-turnkey-action {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 767px) {\n  :root {\n    --ks-side: 18px;\n  }\n\n  .ks-turnkey {\n    padding: 58px 0 56px;\n    background: #F7EEE4;\n  }\n\n  .ks-turnkey-container {\n    padding: 0 18px;\n  }\n\n  .ks-turnkey-card {\n    padding: 24px 18px 22px;\n    border-radius: 24px;\n  }\n\n  .ks-turnkey-card::before {\n    display: none;\n  }\n\n  .ks-turnkey-card::after {\n    inset: 9px;\n    border-radius: 17px;\n  }\n\n  .ks-turnkey-head {\n    gap: 16px;\n    margin-bottom: 26px;\n  }\n\n  .ks-turnkey-kicker {\n    gap: 9px;\n    font-size: 9.8px;\n    letter-spacing: .17em;\n  }\n\n  .ks-turnkey-kicker span {\n    width: 30px;\n  }\n\n  .ks-turnkey-title {\n    font-size: clamp(36px, 10.8vw, 50px);\n    line-height: .96;\n    letter-spacing: -.05em;\n  }\n\n  .ks-turnkey-intro {\n    max-width: 100%;\n    font-size: 14.4px;\n    line-height: 1.52;\n  }\n\n  .ks-turnkey-center {\n    margin-bottom: 24px;\n  }\n\n  .ks-turnkey-line {\n    display: none;\n  }\n\n  .ks-turnkey-steps {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .ks-turnkey-step {\n    min-height: auto;\n    padding: 17px 16px;\n    border-radius: 16px;\n    display: grid;\n    grid-template-columns: 42px 1fr;\n    column-gap: 14px;\n    row-gap: 6px;\n    align-items: start;\n    background: rgba(238, 231, 220, .065);\n  }\n\n  .ks-turnkey-step::before {\n    display: none;\n  }\n\n  .ks-turnkey-step:hover {\n    transform: none;\n  }\n\n  .ks-turnkey-step span {\n    grid-row: 1 \/ 3;\n    margin: 3px 0 0;\n    font-size: 10.5px;\n    letter-spacing: .15em;\n  }\n\n  .ks-turnkey-step strong {\n    font-size: 28px;\n    line-height: .98;\n  }\n\n  .ks-turnkey-step p {\n    margin: 0;\n    font-size: 13.2px;\n    line-height: 1.44;\n  }\n\n  .ks-turnkey-action {\n    align-items: stretch;\n    flex-direction: column;\n    gap: 18px;\n    padding-top: 22px;\n  }\n\n  .ks-turnkey-action p {\n    max-width: 100%;\n    font-size: 13.7px;\n    line-height: 1.5;\n  }\n\n  .ks-turnkey-action a {\n    width: 100%;\n    min-height: 52px;\n    padding: 0 16px;\n    text-align: center;\n    white-space: normal;\n    font-size: 10.4px;\n  }\n\n  .ks-turnkey-action a i {\n    width: 30px;\n    height: 30px;\n  }\n\n  .ks-turnkey-action a i::before {\n    top: 11px;\n    left: 9px;\n  }\n\n  .ks-turnkey-orb-a,\n  .ks-turnkey-orb-b {\n    opacity: .24;\n  }\n}\n\n@media (max-width: 390px) {\n  .ks-turnkey {\n    padding: 52px 0 50px;\n  }\n\n  .ks-turnkey-container {\n    padding: 0 16px;\n  }\n\n  .ks-turnkey-card {\n    padding: 22px 16px 20px;\n    border-radius: 22px;\n  }\n\n  .ks-turnkey-head {\n    margin-bottom: 24px;\n  }\n\n  .ks-turnkey-title {\n    font-size: 35px;\n  }\n\n  .ks-turnkey-intro {\n    font-size: 14px;\n    line-height: 1.48;\n  }\n\n  .ks-turnkey-step {\n    padding: 16px 15px;\n    grid-template-columns: 38px 1fr;\n    column-gap: 12px;\n  }\n\n  .ks-turnkey-step strong {\n    font-size: 26px;\n  }\n\n  .ks-turnkey-step p {\n    font-size: 12.9px;\n    line-height: 1.42;\n  }\n\n  .ks-turnkey-action p {\n    font-size: 13.2px;\n  }\n\n  .ks-turnkey-action a {\n    min-height: 50px;\n    font-size: 9.8px;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const turnkeySection = document.querySelector(\".ks-turnkey\");\n    const turnkeyTitle = document.querySelector(\".ks-turnkey-title\");\n\n    if (!turnkeySection) return;\n\n    if (turnkeyTitle && !turnkeyTitle.classList.contains(\"is-splitted\")) {\n      const words = turnkeyTitle.textContent.trim().split(\/\\s+\/);\n\n      turnkeyTitle.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      turnkeyTitle.classList.add(\"is-splitted\");\n    }\n\n    function initKsTurnkeyAnimations() {\n      if (typeof gsap === \"undefined\") return;\n\n      if (typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n      }\n\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      if (reduceMotion) return;\n\n      const hasScrollTrigger = typeof ScrollTrigger !== \"undefined\";\n\n      const tl = gsap.timeline({\n        scrollTrigger: hasScrollTrigger ? {\n          trigger: \".ks-turnkey\",\n          start: \"top 78%\",\n          once: true,\n          onEnter: function () {\n            turnkeySection.classList.add(\"is-visible\");\n          }\n        } : null,\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(\".ks-turnkey-card\", {\n        y: 34,\n        opacity: 0,\n        duration: .85\n      })\n      .from(\".ks-turnkey-kicker\", {\n        y: 16,\n        opacity: 0,\n        duration: .65\n      }, \"-=.46\")\n      .from(\".ks-turnkey-title .word span\", {\n        yPercent: 110,\n        rotate: 2,\n        duration: .95,\n        stagger: .038\n      }, \"-=.28\")\n      .from(\".ks-turnkey-intro\", {\n        y: 20,\n        opacity: 0,\n        duration: .7\n      }, \"-=.54\")\n      .from(\".ks-turnkey-step\", {\n        y: 24,\n        opacity: 0,\n        duration: .72,\n        stagger: .07\n      }, \"-=.3\")\n      .from(\".ks-turnkey-action\", {\n        y: 20,\n        opacity: 0,\n        duration: .72\n      }, \"-=.28\");\n\n      if (hasScrollTrigger) {\n        gsap.to(\".ks-turnkey-orb-a\", {\n          y: -38,\n          x: -28,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-turnkey\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-turnkey-orb-b\", {\n          y: 32,\n          x: 24,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-turnkey\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n      } else {\n        turnkeySection.classList.add(\"is-visible\");\n      }\n    }\n\n    function loadScriptOnce(src, id, callback) {\n      const existing = document.getElementById(id);\n\n      if (existing) {\n        if (callback) callback();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = src;\n      script.id = id;\n      script.onload = callback;\n      document.body.appendChild(script);\n    }\n\n    if (typeof gsap === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\",\n        \"ks-gsap-script\",\n        function () {\n          loadScriptOnce(\n            \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n            \"ks-scrolltrigger-script\",\n            initKsTurnkeyAnimations\n          );\n        }\n      );\n    } else if (typeof ScrollTrigger === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n        \"ks-scrolltrigger-script\",\n        initKsTurnkeyAnimations\n      );\n    } else {\n      initKsTurnkeyAnimations();\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6555618 e-con-full e-flex e-con e-parent\" data-id=\"6555618\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f723f elementor-widget elementor-widget-html\" data-id=\"f2f723f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n SE\u00c7\u00c3O 8 \u2014 CONTATO \/ CAPTURA FINAL\n KIMBERLLY SANTORO ARQUITETURA\n Largura padr\u00e3o: 1440px\n H6: arquitetura e design de interiores em Balne\u00e1rio Cambori\u00fa\n Cole inteiro no Widget HTML do Elementor\n================================================== -->\n\n<section class=\"ks-contact\" id=\"contato\">\n  <div class=\"ks-contact-bg\" aria-hidden=\"true\">\n    <div class=\"ks-contact-grain\"><\/div>\n    <div class=\"ks-contact-orb ks-contact-orb-a\"><\/div>\n    <div class=\"ks-contact-orb ks-contact-orb-b\"><\/div>\n    <div class=\"ks-contact-word\">CONTATO<\/div>\n  <\/div>\n\n  <div class=\"ks-contact-container\">\n    <div class=\"ks-contact-top\">\n      <div class=\"ks-contact-copy\">\n        <div class=\"ks-contact-kicker\">\n          <span><\/span>\n          Inicie seu projeto\n        <\/div>\n\n        <h6 class=\"ks-contact-title\">\n          Arquitetura e design de interiores em Balne\u00e1rio Cambori\u00fa\n        <\/h6>\n      <\/div>\n\n      <div class=\"ks-contact-action\">\n        <p>\n          Envie seus dados e receba o primeiro direcionamento para entender possibilidades, etapas e pr\u00f3ximos passos para o seu im\u00f3vel.\n        <\/p>\n\n        <a href=\"https:\/\/wa.me\/5547999999999\" target=\"_blank\" rel=\"noopener\">\n          WhatsApp direto\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <form class=\"ks-contact-form\" action=\"#\" method=\"post\">\n      <div class=\"ks-form-field\">\n        <span>Nome<\/span>\n        <input type=\"text\" name=\"nome\" placeholder=\"Seu nome\" required>\n      <\/div>\n\n      <div class=\"ks-form-field\">\n        <span>WhatsApp<\/span>\n        <input type=\"tel\" name=\"whatsapp\" placeholder=\"(00) 00000-0000\" required>\n      <\/div>\n\n      <div class=\"ks-form-field\">\n        <span>Projeto<\/span>\n        <select name=\"tipo_projeto\" required>\n          <option value=\"\" selected disabled>Tipo de projeto<\/option>\n          <option value=\"Arquitetura residencial\">Arquitetura residencial<\/option>\n          <option value=\"Design de interiores\">Design de interiores<\/option>\n          <option value=\"Reforma\">Reforma<\/option>\n          <option value=\"Turnkey \/ acompanhamento\">Turnkey \/ acompanhamento<\/option>\n          <option value=\"Outro\">Outro<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"ks-form-field ks-form-message\">\n        <span>Mensagem<\/span>\n        <input type=\"text\" name=\"mensagem\" placeholder=\"Ex: apartamento novo, reforma, interiores completos...\">\n      <\/div>\n\n      <button type=\"submit\" class=\"ks-form-submit\">\n        <span>Enviar solicita\u00e7\u00e3o<\/span>\n        <i><\/i>\n      <\/button>\n    <\/form>\n\n    <div class=\"ks-contact-footer-note\">\n      <span><\/span>\n      <p>Atendimento para projetos residenciais, interiores, reformas e solu\u00e7\u00f5es completas em Balne\u00e1rio Cambori\u00fa e regi\u00e3o.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --ks-brown: #A05524;\n    --ks-brown-dark: #7E3D17;\n    --ks-clay: #C68A65;\n    --ks-sage: #A5AD96;\n    --ks-cream: #EEE7DC;\n    --ks-cream-soft: #F7EEE4;\n    --ks-dark: #2C211A;\n    --ks-muted: rgba(44, 33, 26, .74);\n    --ks-muted-soft: rgba(44, 33, 26, .58);\n    --ks-line: rgba(160, 85, 36, .16);\n    --ks-white: #FFFAF3;\n    --ks-container: 1440px;\n    --ks-side: clamp(24px, 4vw, 64px);\n    --ks-serif: 'BonitaKS', 'Cormorant Garamond', Georgia, serif;\n    --ks-sans: 'MetropolisKS', 'Inter', 'Montserrat', Arial, sans-serif;\n  }\n\n  .ks-contact,\n  .ks-contact * {\n    box-sizing: border-box;\n  }\n\n  .ks-contact a,\n  .ks-contact a:hover,\n  .ks-contact a:focus,\n  .ks-contact a:active,\n  .ks-contact button,\n  .ks-contact button:hover,\n  .ks-contact button:focus,\n  .ks-contact button:active {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ks-contact {\n    position: relative;\n    overflow: hidden;\n    background: #F7EEE4 !important;\n    color: var(--ks-dark);\n    font-family: var(--ks-sans);\n    padding: clamp(88px, 7vw, 122px) 0 clamp(76px, 6vw, 102px);\n    isolation: isolate;\n  }\n\n  .ks-contact-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ks-contact-grain {\n    position: absolute;\n    inset: -50%;\n    opacity: .042;\n    background-image:\n      radial-gradient(circle at 25% 25%, rgba(160, 85, 36, .12) 0 1px, transparent 1px),\n      radial-gradient(circle at 75% 75%, rgba(44, 33, 26, .06) 0 1px, transparent 1px);\n    background-size: 22px 22px;\n    transform: rotate(7deg);\n  }\n\n  .ks-contact-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(70px);\n    pointer-events: none;\n  }\n\n  .ks-contact-orb-a {\n    width: 420px;\n    height: 420px;\n    left: -180px;\n    top: 10%;\n    background: rgba(165, 173, 150, .18);\n    opacity: .42;\n  }\n\n  .ks-contact-orb-b {\n    width: 480px;\n    height: 480px;\n    right: -210px;\n    bottom: -120px;\n    background: rgba(198, 138, 101, .16);\n    opacity: .5;\n  }\n\n  .ks-contact-word {\n    position: absolute;\n    right: clamp(20px, 5vw, 90px);\n    bottom: clamp(18px, 4vw, 62px);\n    color: rgba(44, 33, 26, .035);\n    font-family: var(--ks-serif);\n    font-size: clamp(82px, 10vw, 164px);\n    line-height: .8;\n    letter-spacing: -.07em;\n    font-weight: 300;\n    white-space: nowrap;\n  }\n\n  .ks-contact-container {\n    position: relative;\n    z-index: 2;\n    width: min(var(--ks-container), 100%);\n    margin: 0 auto;\n    padding: 0 var(--ks-side);\n  }\n\n  .ks-contact-top {\n    display: grid;\n    grid-template-columns: minmax(0, .72fr) minmax(320px, .28fr);\n    gap: clamp(34px, 5vw, 74px);\n    align-items: end;\n    margin-bottom: clamp(40px, 5vw, 64px);\n  }\n\n  .ks-contact-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: var(--ks-brown);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .19em;\n    text-transform: uppercase;\n    margin-bottom: 22px;\n  }\n\n  .ks-contact-kicker span {\n    width: 48px;\n    height: 1px;\n    background: var(--ks-brown);\n    display: inline-block;\n  }\n\n  .ks-contact-title {\n    margin: 0;\n    max-width: 1000px;\n    color: var(--ks-dark);\n    font-family: var(--ks-serif);\n    font-size: clamp(50px, 5.6vw, 88px);\n    line-height: .94;\n    letter-spacing: -.052em;\n    font-weight: 300;\n  }\n\n  .ks-contact-title .word {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: top;\n  }\n\n  .ks-contact-title .word span {\n    display: inline-block;\n  }\n\n  .ks-contact-action {\n    padding-top: 24px;\n    border-top: 1px solid rgba(160, 85, 36, .2);\n  }\n\n  .ks-contact-action p {\n    margin: 0;\n    color: var(--ks-muted);\n    font-size: 15.8px;\n    line-height: 1.66;\n    font-weight: 400;\n  }\n\n  .ks-contact-action a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 52px;\n    margin-top: 22px;\n    padding: 0 22px;\n    border-radius: 999px;\n    border: 1px solid rgba(160, 85, 36, .32) !important;\n    background: rgba(255, 250, 243, .34) !important;\n    color: var(--ks-brown) !important;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    transition: transform .35s ease, background .35s ease, color .35s ease, border-color .35s ease;\n  }\n\n  .ks-contact-action a:hover,\n  .ks-contact-action a:focus,\n  .ks-contact-action a:active {\n    transform: translateY(-3px);\n    background: var(--ks-brown) !important;\n    border-color: var(--ks-brown) !important;\n    color: var(--ks-white) !important;\n  }\n\n  .ks-contact-form {\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(180px, .16fr) minmax(190px, .18fr) minmax(220px, .2fr) minmax(260px, .3fr) auto;\n    gap: 14px;\n    align-items: end;\n    padding: clamp(22px, 2.2vw, 32px);\n    border-radius: 30px;\n    background: rgba(255, 250, 243, .76);\n    border: 1px solid rgba(160, 85, 36, .18);\n    box-shadow: 0 30px 84px rgba(68, 39, 22, .1);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n  }\n\n  .ks-contact-form::before {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    border-radius: 22px;\n    border: 1px solid rgba(160, 85, 36, .06);\n    pointer-events: none;\n  }\n\n  .ks-form-field {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    gap: 8px;\n    min-width: 0;\n  }\n\n  .ks-form-field span {\n    color: rgba(44, 33, 26, .74);\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n  }\n\n  .ks-form-field input,\n  .ks-form-field select {\n    width: 100%;\n    height: 56px;\n    border: 1px solid rgba(160, 85, 36, .2) !important;\n    outline: none !important;\n    background: rgba(255, 250, 243, .9) !important;\n    color: var(--ks-dark) !important;\n    border-radius: 999px !important;\n    padding: 0 18px;\n    font-family: inherit;\n    font-size: 14.8px;\n    line-height: 1.4;\n    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;\n    appearance: none;\n  }\n\n  .ks-form-field select {\n    cursor: pointer;\n    background-image:\n      linear-gradient(45deg, transparent 50%, rgba(44, 33, 26, .62) 50%),\n      linear-gradient(135deg, rgba(44, 33, 26, .62) 50%, transparent 50%);\n    background-position:\n      calc(100% - 21px) 24px,\n      calc(100% - 16px) 24px;\n    background-size: 5px 5px, 5px 5px;\n    background-repeat: no-repeat;\n    padding-right: 42px;\n  }\n\n  .ks-form-field input::placeholder {\n    color: rgba(44, 33, 26, .44);\n  }\n\n  .ks-form-field input:focus,\n  .ks-form-field select:focus {\n    border-color: rgba(160, 85, 36, .52) !important;\n    background: rgba(255, 250, 243, 1) !important;\n    box-shadow: 0 0 0 4px rgba(160, 85, 36, .08) !important;\n  }\n\n  .ks-form-submit {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    min-width: 198px;\n    height: 56px;\n    border: 1px solid var(--ks-brown) !important;\n    border-radius: 999px !important;\n    background: var(--ks-brown) !important;\n    color: var(--ks-white) !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    font-family: inherit;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    box-shadow: 0 16px 34px rgba(160, 85, 36, .14) !important;\n    transition: transform .35s ease, background .35s ease, color .35s ease, border-color .35s ease;\n  }\n\n  .ks-form-submit i {\n    width: 32px;\n    height: 32px;\n    border-radius: 999px;\n    background: rgba(255, 250, 243, .16);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ks-form-submit i::before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-top: 1px solid var(--ks-white);\n    border-right: 1px solid var(--ks-white);\n    top: 12px;\n    left: 10px;\n    transform: rotate(45deg);\n  }\n\n  .ks-form-submit:hover,\n  .ks-form-submit:focus,\n  .ks-form-submit:active {\n    transform: translateY(-3px);\n    background: var(--ks-brown-dark) !important;\n    color: var(--ks-white) !important;\n    border-color: var(--ks-brown-dark) !important;\n  }\n\n  .ks-contact-footer-note {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    margin-top: 26px;\n    color: var(--ks-muted);\n  }\n\n  .ks-contact-footer-note span {\n    width: 72px;\n    height: 1px;\n    background: rgba(160, 85, 36, .5);\n    display: block;\n    flex: 0 0 auto;\n  }\n\n  .ks-contact-footer-note p {\n    margin: 0;\n    max-width: 720px;\n    font-size: 13.8px;\n    line-height: 1.58;\n    font-weight: 400;\n  }\n\n  @media (max-width: 1180px) {\n    .ks-contact-form {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ks-form-message,\n    .ks-form-submit {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ks-contact-top {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .ks-contact-action {\n      max-width: 620px;\n    }\n  }\n\n  @media (max-width: 767px) {\n  :root {\n    --ks-side: 18px;\n  }\n\n  .ks-contact {\n    padding: 62px 0 58px;\n    background: #F7EEE4 !important;\n  }\n\n  .ks-contact-container {\n    padding: 0 18px;\n  }\n\n  .ks-contact-top {\n    gap: 22px;\n    margin-bottom: 28px;\n  }\n\n  .ks-contact-kicker {\n    gap: 9px;\n    font-size: 9.8px;\n    margin-bottom: 16px;\n    letter-spacing: .17em;\n  }\n\n  .ks-contact-kicker span {\n    width: 30px;\n  }\n\n  .ks-contact-title {\n    font-size: clamp(36px, 10.8vw, 50px);\n    line-height: .98;\n    letter-spacing: -.046em;\n  }\n\n  .ks-contact-action {\n    padding-top: 20px;\n  }\n\n  .ks-contact-action p {\n    font-size: 14.5px;\n    line-height: 1.52;\n  }\n\n  .ks-contact-action a {\n    width: 100%;\n    min-height: 50px;\n    margin-top: 18px;\n    font-size: 10.5px;\n  }\n\n  .ks-contact-form {\n    grid-template-columns: 1fr;\n    gap: 11px;\n    border-radius: 20px;\n    padding: 18px;\n    background: rgba(255, 250, 243, .7);\n  }\n\n  .ks-contact-form::before {\n    inset: 8px;\n    border-radius: 14px;\n  }\n\n  .ks-form-field {\n    gap: 7px;\n  }\n\n  .ks-form-field span {\n    font-size: 9.8px;\n    letter-spacing: .12em;\n  }\n\n  .ks-form-field input,\n  .ks-form-field select {\n    height: 50px;\n    padding: 0 16px;\n    font-size: 14px;\n  }\n\n  .ks-form-field select {\n    background-position:\n      calc(100% - 20px) 21px,\n      calc(100% - 15px) 21px;\n  }\n\n  .ks-form-message,\n  .ks-form-submit {\n    grid-column: auto;\n  }\n\n  .ks-form-submit {\n    min-width: 0;\n    height: 52px;\n    white-space: normal;\n    text-align: center;\n    font-size: 10.5px;\n  }\n\n  .ks-form-submit i {\n    width: 30px;\n    height: 30px;\n  }\n\n  .ks-form-submit i::before {\n    top: 11px;\n    left: 9px;\n  }\n\n  .ks-contact-footer-note {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 12px;\n    margin-top: 22px;\n  }\n\n  .ks-contact-footer-note span {\n    width: 52px;\n  }\n\n  .ks-contact-footer-note p {\n    font-size: 13.4px;\n    line-height: 1.48;\n  }\n\n  .ks-contact-word {\n    display: none;\n  }\n\n  .ks-contact-orb-a,\n  .ks-contact-orb-b {\n    opacity: .24;\n  }\n}\n\n@media (max-width: 390px) {\n  .ks-contact {\n    padding: 56px 0 52px;\n  }\n\n  .ks-contact-container {\n    padding: 0 16px;\n  }\n\n  .ks-contact-top {\n    gap: 20px;\n    margin-bottom: 24px;\n  }\n\n  .ks-contact-title {\n    font-size: 35px;\n  }\n\n  .ks-contact-action p {\n    font-size: 14px;\n    line-height: 1.48;\n  }\n\n  .ks-contact-action a {\n    min-height: 48px;\n    font-size: 10px;\n  }\n\n  .ks-contact-form {\n    padding: 16px;\n    gap: 10px;\n    border-radius: 18px;\n  }\n\n  .ks-contact-form::before {\n    border-radius: 13px;\n  }\n\n  .ks-form-field input,\n  .ks-form-field select {\n    height: 48px;\n    font-size: 13.6px;\n    padding: 0 15px;\n  }\n\n  .ks-form-field select {\n    background-position:\n      calc(100% - 19px) 20px,\n      calc(100% - 14px) 20px;\n  }\n\n  .ks-form-submit {\n    height: 50px;\n    font-size: 9.8px;\n  }\n\n  .ks-contact-footer-note {\n    margin-top: 20px;\n  }\n\n  .ks-contact-footer-note span {\n    width: 42px;\n  }\n\n  .ks-contact-footer-note p {\n    font-size: 13px;\n    line-height: 1.44;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const contactSection = document.querySelector(\".ks-contact\");\n    const contactTitle = document.querySelector(\".ks-contact-title\");\n    const contactForm = document.querySelector(\".ks-contact-form\");\n\n    if (!contactSection) return;\n\n    if (contactTitle && !contactTitle.classList.contains(\"is-splitted\")) {\n      const words = contactTitle.textContent.trim().split(\/\\s+\/);\n\n      contactTitle.innerHTML = words.map(function (word) {\n        return '<span class=\"word\"><span>' + word + '<\/span><\/span>';\n      }).join(\" \");\n\n      contactTitle.classList.add(\"is-splitted\");\n    }\n\n    if (contactForm) {\n      contactForm.addEventListener(\"submit\", function (e) {\n        e.preventDefault();\n\n        const nome = contactForm.querySelector('[name=\"nome\"]').value.trim();\n        const whatsapp = contactForm.querySelector('[name=\"whatsapp\"]').value.trim();\n        const tipo = contactForm.querySelector('[name=\"tipo_projeto\"]').value;\n        const mensagem = contactForm.querySelector('[name=\"mensagem\"]').value.trim();\n\n        const texto = [\n          \"Ol\u00e1, Kimberlly! Tenho interesse em um projeto.\",\n          \"\",\n          \"Nome: \" + nome,\n          \"WhatsApp: \" + whatsapp,\n          \"Tipo de projeto: \" + tipo,\n          \"\",\n          \"Mensagem: \" + (mensagem || \"N\u00e3o informado\")\n        ].join(\"\\n\");\n\n        const numero = \"5547999999999\";\n        const url = \"https:\/\/wa.me\/\" + numero + \"?text=\" + encodeURIComponent(texto);\n\n        window.open(url, \"_blank\");\n      });\n    }\n\n    function initKsContactAnimations() {\n      if (typeof gsap === \"undefined\") return;\n\n      if (typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n      }\n\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      if (reduceMotion) return;\n\n      const hasScrollTrigger = typeof ScrollTrigger !== \"undefined\";\n\n      const tl = gsap.timeline({\n        scrollTrigger: hasScrollTrigger ? {\n          trigger: \".ks-contact\",\n          start: \"top 76%\",\n          once: true\n        } : null,\n        defaults: {\n          ease: \"power4.out\"\n        }\n      });\n\n      tl.from(\".ks-contact-kicker\", {\n        y: 20,\n        opacity: 0,\n        duration: .72\n      })\n      .from(\".ks-contact-title .word span\", {\n        yPercent: 110,\n        rotate: 2,\n        duration: 1.02,\n        stagger: .035\n      }, \"-=.38\")\n      .from(\".ks-contact-action\", {\n        y: 24,\n        opacity: 0,\n        duration: .78\n      }, \"-=.62\")\n      .from(\".ks-contact-form\", {\n        y: 32,\n        opacity: 0,\n        duration: .88\n      }, \"-=.5\")\n      .from(\".ks-contact-footer-note\", {\n        y: 18,\n        opacity: 0,\n        duration: .68\n      }, \"-=.28\");\n\n      if (hasScrollTrigger) {\n        gsap.to(\".ks-contact-orb-a\", {\n          y: -34,\n          x: 20,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-contact\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-contact-orb-b\", {\n          y: 34,\n          x: -20,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-contact\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n\n        gsap.to(\".ks-contact-word\", {\n          y: -42,\n          ease: \"none\",\n          scrollTrigger: {\n            trigger: \".ks-contact\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: true\n          }\n        });\n      }\n    }\n\n    function loadScriptOnce(src, id, callback) {\n      const existing = document.getElementById(id);\n\n      if (existing) {\n        if (callback) callback();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = src;\n      script.id = id;\n      script.onload = callback;\n      document.body.appendChild(script);\n    }\n\n    if (typeof gsap === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\",\n        \"ks-gsap-script\",\n        function () {\n          loadScriptOnce(\n            \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n            \"ks-scrolltrigger-script\",\n            initKsContactAnimations\n          );\n        }\n      );\n    } else if (typeof ScrollTrigger === \"undefined\") {\n      loadScriptOnce(\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\",\n        \"ks-scrolltrigger-script\",\n        initKsContactAnimations\n      );\n    } else {\n      initKsContactAnimations();\n    }\n  });\n<\/script>\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>Projetos Processo Sobre Contato Solicitar projeto Navega\u00e7\u00e3o Projetos Processo Sobre Contato Projetos residenciais e interiores com est\u00e9tica, fun\u00e7\u00e3o e identidade. Solicitar atendimento Arquitetura &#038; interiores em Balne\u00e1rio Cambori\u00fa Solicitar atendimento 01 04 Arquitetura e interiores Arquiteta em Balne\u00e1rio Cambori\u00fa Projetos residenciais e interiores para transformar im\u00f3veis em espa\u00e7os elegantes, funcionais e personalizados. Solicitar atendimento Ver [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kimberlly Arquiteta - Kimberlly - Arquitetura e Design de Interiores<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kimberlly.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kimberlly Arquiteta - Kimberlly - Arquitetura e Design de Interiores\" \/>\n<meta property=\"og:description\" content=\"Projetos Processo Sobre Contato Solicitar projeto Navega\u00e7\u00e3o Projetos Processo Sobre Contato Projetos residenciais e interiores com est\u00e9tica, fun\u00e7\u00e3o e identidade. Solicitar atendimento Arquitetura &#038; interiores em Balne\u00e1rio Cambori\u00fa Solicitar atendimento 01 04 Arquitetura e interiores Arquiteta em Balne\u00e1rio Cambori\u00fa Projetos residenciais e interiores para transformar im\u00f3veis em espa\u00e7os elegantes, funcionais e personalizados. Solicitar atendimento Ver [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kimberlly.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Kimberlly - Arquitetura e Design de Interiores\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-03T19:10:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kimberlly.com.br\/wp-content\/uploads\/2026\/06\/logo-social-media-arquitetura.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"92 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/\",\"url\":\"https:\\\/\\\/kimberlly.com.br\\\/\",\"name\":\"Kimberlly Arquiteta - Kimberlly - Arquitetura e Design de Interiores\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mestredamaodeobra.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Kimberlly-108-1.webp\",\"datePublished\":\"2026-06-03T17:25:24+00:00\",\"dateModified\":\"2026-06-03T19:10:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kimberlly.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mestredamaodeobra.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Kimberlly-108-1.webp\",\"contentUrl\":\"https:\\\/\\\/mestredamaodeobra.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Kimberlly-108-1.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/kimberlly.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kimberlly Arquiteta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kimberlly.com.br\\\/#website\",\"url\":\"https:\\\/\\\/kimberlly.com.br\\\/\",\"name\":\"Kimberlly - Arquitetura e Design de Interiores\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kimberlly.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kimberlly Arquiteta - Kimberlly - Arquitetura e Design de Interiores","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kimberlly.com.br\/","og_locale":"pt_BR","og_type":"article","og_title":"Kimberlly Arquiteta - Kimberlly - Arquitetura e Design de Interiores","og_description":"Projetos Processo Sobre Contato Solicitar projeto Navega\u00e7\u00e3o Projetos Processo Sobre Contato Projetos residenciais e interiores com est\u00e9tica, fun\u00e7\u00e3o e identidade. Solicitar atendimento Arquitetura &#038; interiores em Balne\u00e1rio Cambori\u00fa Solicitar atendimento 01 04 Arquitetura e interiores Arquiteta em Balne\u00e1rio Cambori\u00fa Projetos residenciais e interiores para transformar im\u00f3veis em espa\u00e7os elegantes, funcionais e personalizados. Solicitar atendimento Ver [&hellip;]","og_url":"https:\/\/kimberlly.com.br\/","og_site_name":"Kimberlly - Arquitetura e Design de Interiores","article_modified_time":"2026-06-03T19:10:10+00:00","og_image":[{"width":750,"height":750,"url":"https:\/\/kimberlly.com.br\/wp-content\/uploads\/2026\/06\/logo-social-media-arquitetura.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"92 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kimberlly.com.br\/","url":"https:\/\/kimberlly.com.br\/","name":"Kimberlly Arquiteta - Kimberlly - Arquitetura e Design de Interiores","isPartOf":{"@id":"https:\/\/kimberlly.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kimberlly.com.br\/#primaryimage"},"image":{"@id":"https:\/\/kimberlly.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/Kimberlly-108-1.webp","datePublished":"2026-06-03T17:25:24+00:00","dateModified":"2026-06-03T19:10:10+00:00","breadcrumb":{"@id":"https:\/\/kimberlly.com.br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kimberlly.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/kimberlly.com.br\/#primaryimage","url":"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/Kimberlly-108-1.webp","contentUrl":"https:\/\/mestredamaodeobra.com.br\/wp-content\/uploads\/2026\/06\/Kimberlly-108-1.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/kimberlly.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/kimberlly.com.br\/"},{"@type":"ListItem","position":2,"name":"Kimberlly Arquiteta"}]},{"@type":"WebSite","@id":"https:\/\/kimberlly.com.br\/#website","url":"https:\/\/kimberlly.com.br\/","name":"Kimberlly - Arquitetura e Design de Interiores","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kimberlly.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":40,"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/kimberlly.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}