/* ===== RESET WORDPRESS (tela cheia) ===== */ header, footer, .entry-title, .wp-block-post-title { display: none !important; padding: 0 !important; margin: 0 !important; } .wp-site-blocks { padding: 0 !important; margin: 0 !important; max-width: none !important; } .wp-site-blocks > *, .entry-content, .wp-block-post-content, .is-layout-constrained > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } body { background-color: #f4eae1 !important; font-family: ‘Jost’, sans-serif !important; margin: 0 !important; padding: 0 !important; width: 100vw !important; overflow-x: hidden; } #pk-site { width: 100vw !important; max-width: none !important; position: relative; margin-left: calc(50% – 50vw) !important; margin-right: 0 !important; } /* ===== FIM DO RESET ===== */ #pk-site{–sand: oklch(0.94 0.018 75); –sand-light: oklch(0.97 0.01 75); –earth: oklch(0.28 0.04 55); –earth-mid: oklch(0.45 0.04 60); –earth-text: oklch(0.38 0.035 58); –sage: oklch(0.52 0.04 150); –sage-light: oklch(0.72 0.03 150); –caramel: oklch(0.76 0.04 75); –beige-soft: oklch(0.91 0.015 75); –line: oklch(0.84 0.018 75); –font-display: “Cormorant Garamond”, Georgia, serif; –font-body: “Jost”, system-ui, sans-serif; –ease: cubic-bezier(0.23, 1, 0.32, 1);} #pk-site *,#pk-site *::before,#pk-site *::after{box-sizing: border-box; border-color: oklch(0.88 0.015 75);} html{scroll-behavior: smooth;} #pk-site{margin: 0; background: var(–sand); color: var(–earth); font-family: var(–font-body); font-weight: 300; letter-spacing: 0.01em; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #pk-site h1,#pk-site h2,#pk-site h3,#pk-site h4{font-family: var(–font-display); font-weight: 400; letter-spacing: -0.01em; line-height: 1.1; margin: 0;} #pk-site p,#pk-site dl,#pk-site dd,#pk-site ul,#pk-site blockquote,#pk-site figure{margin: 0;} #pk-site ul{padding: 0; list-style: none;} #pk-site a{color: inherit; text-decoration: none;} #pk-site img{display: block; max-width: 100%;} #pk-site button{font: inherit;} #pk-site button:not(:disabled),#pk-site a[href]{cursor: pointer;} #pk-site em{font-style: italic;} #pk-site .container{width: 100%; margin: 0 auto; padding: 0 1.5rem;} @media (min-width: 640px){#pk-site .container{padding: 0 2rem; max-width: 40rem;}} @media (min-width: 768px){#pk-site .container{max-width: 48rem;}} @media (min-width: 1024px){#pk-site .container{padding: 0 4rem; max-width: 64rem;}} @media (min-width: 1280px){#pk-site .container{max-width: 80rem;}} @media (min-width: 1536px){#pk-site .container{max-width: 96rem;}} #pk-site .font-display{font-family: var(–font-display);} #pk-site .mx-auto{margin-left: auto; margin-right: auto;} #pk-site .max-w-xl{max-width: 36rem;} #pk-site .max-w-2xl{max-width: 42rem;} #pk-site .max-w-3xl{max-width: 48rem;} #pk-site .max-w-4xl{max-width: 56rem;} #pk-site .bg-sand{background: var(–sand);} #pk-site .bg-light{background: var(–sand-light);} #pk-site .bg-earth{background: var(–earth);} #pk-site .pad-hero{padding: 5rem 0 6rem;} #pk-site .pad-a{padding: 7rem 0;} #pk-site .pad-b{padding: 6rem 0 7rem;} #pk-site .pad-c{padding: 6rem 0;} #pk-site .pad-d{padding: 5rem 0 6rem;} #pk-site .pad-e{padding: 6rem 0 8rem;} #pk-site .pad-f{padding: 7rem 0;} #pk-site main.inner{padding-top: 6rem;} #pk-site main.inner .pad-hero{padding: 5rem 0 6rem;} #pk-site .label-row{display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;} #pk-site .label-row.mb-12{margin-bottom: 3rem;} #pk-site .label-row .line{display: block; height: 1px; width: 2.5rem; background: var(–sage);} #pk-site .label,#pk-site .eyebrow{font-family: var(–font-body); font-size: 0.65rem; font-weight: 300; letter-spacing: 0.22em; text-transform: uppercase; color: var(–sage);} #pk-site .eyebrow.block{display: block; margin-bottom: 2rem;} #pk-site .eyebrow.light{color: var(–sage-light);} #pk-site .h1-page{font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 300; line-height: 1.05; color: var(–earth); letter-spacing: -0.02em;} #pk-site .h1-page em,#pk-site .h2-lg em{color: var(–earth-mid);} #pk-site .h2-lg{font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 300; line-height: 1.15; color: var(–earth); letter-spacing: -0.01em;} #pk-site .h2-md{font-size: clamp(1.75rem, 3.5vw, 2.75rem); font-weight: 300; line-height: 1.15; color: var(–earth); letter-spacing: -0.01em;} #pk-site .body-text{font-size: 0.9rem; font-weight: 300; line-height: 1.9; color: var(–earth-text);} #pk-site .body-soft{font-size: 0.9rem; font-weight: 300; line-height: 1.85; color: var(–earth-mid);} #pk-site .mb-1{margin-bottom: 1rem;} #pk-site .mb-125{margin-bottom: 1.25rem;} #pk-site .mb-15{margin-bottom: 1.5rem;} #pk-site .mb-2{margin-bottom: 2rem;} #pk-site .mb-175{margin-bottom: 1.75rem;} #pk-site .quote-block{padding-left: 1.25rem; border-left: 2px solid var(–sage); margin-top: 2rem;} #pk-site .quote-block.wide{padding-left: 1.5rem; margin-top: 2.5rem;} #pk-site .quote-block p.q{font-family: var(–font-display); font-size: 1.1rem; font-style: italic; font-weight: 300; line-height: 1.6; color: var(–earth-mid);} #pk-site .quote-block.wide p.q{font-size: 1.2rem;} #pk-site .quote-block p.by{font-size: 0.7rem; font-weight: 300; letter-spacing: 0.1em; color: var(–sage); margin-top: 0.75rem;} #pk-site .btn-outline{display: inline-flex; align-items: center; padding: 0.65rem 1rem; border: 1px solid var(–sage); font-size: 0.68rem; font-weight: 300; letter-spacing: 0.16em; text-transform: uppercase; color: var(–sage); background: transparent; transition: background-color 180ms ease, color 180ms ease;} #pk-site .btn-solid{display: inline-flex; align-items: center; gap: 0.75rem; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; color: var(–sand-light); background: var(–earth); padding: 1rem 2.25rem; border: none; transition: background-color 250ms ease;} #pk-site .btn-solid:hover:not(:disabled){background: var(–sage);} #pk-site .btn-text{display: inline-flex; align-items: center; gap: 0.75rem; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; color: var(–earth); padding-bottom: 0.25rem; border-bottom: 1px solid var(–earth); transition: color 200ms ease, border-color 200ms ease;} #pk-site .btn-text:hover{color: var(–sage); border-color: var(–sage);} #pk-site .btn-ed{display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.78rem 1.15rem; font-size: 0.68rem; font-weight: 300; letter-spacing: 0.16em; text-transform: uppercase; border: 1px solid var(–earth); background: var(–earth); color: var(–sand-light); transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;} #pk-site .btn-ed.secondary{border-color: var(–sage); background: transparent; color: var(–sage);} #pk-site .btn-ed:hover{background: var(–sage); border-color: var(–sage); color: var(–sand-light);} #pk-site .pk-header{position: absolute !important; top: 0 !important; left: 0; right: 0; z-index: 50; padding: 0 4% !important; background-color: oklch(0.97 0.010 75 / 0.96) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid oklch(0.88 0.015 75);} #pk-site .pk-header.scrolled{background-color: oklch(0.97 0.010 75 / 0.96); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom-color: oklch(0.88 0.015 75);} #pk-site .nav{display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 0;} @media (min-width: 768px){#pk-site .nav{padding: 1.5rem 0;}} #pk-site .logo{display: flex; flex-direction: column; line-height: 1;} #pk-site .logo .name{font-family: var(–font-display); color: var(–earth); font-size: 1.35rem; font-weight: 400; letter-spacing: 0.02em; line-height: 1;} #pk-site .logo .sub{color: var(–sage); font-size: 0.625rem; font-weight: 300; letter-spacing: 0.22em; text-transform: uppercase; margin-top: 0.25rem;} #pk-site .nav-list{display: none; align-items: center; gap: 2.5rem;} @media (min-width: 768px){#pk-site .nav-list{display: flex;}} #pk-site .nav-link{position: relative; font-family: var(–font-body); font-weight: 300; font-size: 0.8125rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(–earth-mid); transition: color 200ms ease;} #pk-site .nav-link::after{content: “”; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: var(–sage); transition: width 250ms var(–ease);} #pk-site .nav-link:hover,#pk-site .nav-link.active{color: var(–earth);} #pk-site .nav-link:hover::after,#pk-site .nav-link.active::after{width: 100%;} #pk-site .burger{display: flex; flex-direction: column; gap: 0.375rem; padding: 0.5rem; margin-right: -0.5rem; background: none; border: none;} @media (min-width: 768px){#pk-site .burger{display: none;}} #pk-site .burger span{display: block; height: 1px; background: var(–earth); transition: all 300ms;} #pk-site .burger span:nth-child(1),#pk-site .burger span:nth-child(3){width: 1.5rem;} #pk-site .burger span:nth-child(2){width: 1rem;} #pk-site .burger.open span:nth-child(1){transform: translateY(5px) rotate(45deg);} #pk-site .burger.open span:nth-child(2){opacity: 0; transform: scaleX(0);} #pk-site .burger.open span:nth-child(3){transform: translateY(-5px) rotate(-45deg);} #pk-site .mobile-menu{overflow: hidden; max-height: 0; transition: max-height 400ms ease; background: oklch(0.97 0.010 75 / 0.98); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);} #pk-site .mobile-menu.open{max-height: 300px;} @media (min-width: 768px){#pk-site .mobile-menu{display: none;}} #pk-site .mobile-menu .container{padding-top: 0.5rem; padding-bottom: 1.5rem;} #pk-site .mobile-menu ul{display: flex; flex-direction: column; gap: 0.25rem;} #pk-site .mobile-menu .nav-link{display: block; padding: 0.75rem 0; font-size: 0.875rem;} #pk-site .mobile-menu .nav-link::after{display: none;} #pk-site .pk-footer{background: var(–earth);} #pk-site .pk-footer .container{padding-top: 4rem; padding-bottom: 4rem;} @media (min-width: 768px){#pk-site .pk-footer .container{padding-top: 5rem; padding-bottom: 5rem;}} #pk-site .footer-top{display: flex; flex-direction: column; gap: 3rem; justify-content: space-between;} @media (min-width: 768px){#pk-site .footer-top{flex-direction: row; align-items: flex-end;}} #pk-site .footer-name{font-family: var(–font-display); color: oklch(0.91 0.015 75); font-size: 2rem; font-weight: 300; letter-spacing: 0.02em; line-height: 1.1;} #pk-site .footer-sub{color: oklch(0.72 0.030 150); font-size: 0.625rem; font-weight: 300; letter-spacing: 0.22em; text-transform: uppercase; margin-top: 0.5rem;} #pk-site .footer-nav{display: flex; flex-direction: column; gap: 1rem;} @media (min-width: 768px){#pk-site .footer-nav{flex-direction: row; gap: 2rem;}} #pk-site .footer-nav a{color: oklch(0.76 0.040 75); font-size: 0.75rem; font-weight: 300; letter-spacing: 0.14em; text-transform: uppercase; transition: color 200ms ease;} #pk-site .footer-nav a:hover{color: oklch(0.91 0.015 75);} #pk-site .footer-bottom{margin-top: 3rem; padding-top: 2rem; border-top: 1px solid oklch(1 0 0 / 0.08);} #pk-site .footer-bottom p{color: oklch(0.55 0.020 60); font-size: 0.7rem; font-weight: 300; letter-spacing: 0.08em;} @keyframes fadeUp{from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); }} #pk-site .animate-fade-up{opacity: 0; animation: fadeUp 0.8s var(–ease) both;} #pk-site .delay-100{animation-delay: 100ms;} #pk-site .delay-200{animation-delay: 200ms;} #pk-site .delay-400{animation-delay: 400ms;} #pk-site .delay-500{animation-delay: 500ms;} #pk-site .delay-600{animation-delay: 600ms;} #pk-site.pk-js .reveal{opacity: 0; transform: translateY(28px); transition: opacity 0.9s var(–ease), transform 0.9s var(–ease);} #pk-site.pk-js .reveal.visible{opacity: 1; transform: translateY(0);} #pk-site.pk-js .reveal.g{transform: translateY(24px); transition-duration: 0.8s;} #pk-site.pk-js .reveal.g.visible{transform: translateY(0);} @media (prefers-reduced-motion: reduce){#pk-site .animate-fade-up{animation: none; opacity: 1; transform: none;}} #pk-site .zoom-wrap{overflow: hidden;} #pk-site .zoom-img{width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.8s var(–ease);} #pk-site a:hover .zoom-img,#pk-site .zoom-img:hover{transform: scale(1.03);} #pk-site .hero{position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; background: var(–sand);} #pk-site .hero-bg{position: absolute; inset: 0; z-index: 0;} @media (min-width: 768px){#pk-site .hero-bg{left: 42%;}} #pk-site .hero-bg img{width: 100%; height: 100%; object-fit: cover; object-position: center;} #pk-site .hero-bg::after{content: “”; position: absolute; inset: 0; background: linear-gradient(to right, oklch(0.94 0.018 75) 0%, oklch(0.94 0.018 75) 30%, oklch(0.94 0.018 75 / 0.85) 50%, transparent 100%);} #pk-site .hero .container{position: relative; z-index: 10; padding-top: 8rem; padding-bottom: 5rem;} @media (min-width: 768px){#pk-site .hero .container{padding-top: 10rem; padding-bottom: 7rem;}} #pk-site .hero-top{display: flex; align-items: center; gap: 1rem; margin-bottom: 2.5rem;} #pk-site .hero-top .line{display: block; height: 1px; width: 2.5rem; background: var(–sage);} #pk-site .hero h1{font-size: clamp(3.5rem, 8vw, 6.5rem); font-weight: 300; line-height: 0.95; color: var(–earth); letter-spacing: -0.02em;} #pk-site .hero h1 em{font-weight: 300; color: var(–earth-mid);} #pk-site .hero-quote{font-family: var(–font-display); font-size: clamp(1rem, 2.2vw, 1.35rem); font-weight: 300; font-style: italic; line-height: 1.6; color: var(–earth-mid); margin-top: 2rem; max-width: 38ch;} #pk-site .hero-desc{font-size: 0.9rem; font-weight: 300; line-height: 1.85; color: var(–earth-mid); margin-top: 1.75rem; max-width: 42ch;} #pk-site .hero-cta{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem;} #pk-site .intro-text{font-size: 1.05rem; font-weight: 300; line-height: 1.9; color: var(–earth-text); max-width: 60ch;} #pk-site .pillars{display: grid; grid-template-columns: 1fr; gap: 3rem;} @media (min-width: 768px){#pk-site .pillars{grid-template-columns: repeat(3, 1fr); gap: 2rem;}} #pk-site .pillar .num{display: block; font-family: var(–font-display); font-size: 0.75rem; font-weight: 300; letter-spacing: 0.18em; color: var(–sage); margin-bottom: 1.5rem;} #pk-site .pillar .rule{display: block; width: 2rem; height: 1px; background: oklch(0.52 0.040 150 / 0.5); margin-bottom: 1rem;} #pk-site .pillar h3{font-size: 1.35rem; font-weight: 400; color: var(–earth); margin-bottom: 1rem; letter-spacing: -0.01em;} #pk-site .pillar p{font-size: 0.875rem; font-weight: 300; line-height: 1.85; color: var(–earth-mid);} #pk-site .onu blockquote{font-family: var(–font-display); font-size: clamp(1.5rem, 3.5vw, 2.5rem); font-weight: 300; font-style: italic; line-height: 1.3; color: oklch(0.91 0.015 75); letter-spacing: -0.01em; margin-bottom: 2.5rem;} #pk-site .onu p{font-size: 0.875rem; font-weight: 300; line-height: 1.85; color: oklch(0.76 0.040 75); max-width: 52ch;} #pk-site .split{display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center;} @media (min-width: 768px){#pk-site .split{grid-template-columns: 1fr 1fr; gap: 5rem;} #pk-site .split.start{align-items: start;}} #pk-site .sens-img{display: block; aspect-ratio: 2/3; background: var(–beige-soft); overflow: hidden;} #pk-site .cta-center{text-align: center;} #pk-site .sticky-7{position: sticky; top: 7rem;} #pk-site .sobre-img{aspect-ratio: 3634 / 3707; overflow: hidden;} #pk-site .sobre-img img{width: 100%; height: 100%; object-fit: cover; object-position: center bottom;} #pk-site .stack-10{display: flex; flex-direction: column; gap: 2.5rem;} #pk-site .bio-h2{font-size: 1.75rem; font-weight: 400; color: var(–earth); margin-bottom: 1.25rem; letter-spacing: -0.01em;} #pk-site .grid-2{display: grid; grid-template-columns: 1fr; gap: 3rem;} @media (min-width: 768px){#pk-site .grid-2{grid-template-columns: 1fr 1fr; gap: 5rem;}} #pk-site .proc h3{font-size: 1.35rem; font-weight: 400; color: var(–earth); margin-bottom: 1rem;} #pk-site .proc-title{margin-bottom: 4rem; max-width: 20ch;} #pk-site .ambience{width: 100%; height: clamp(260px, 40vw, 520px); overflow: hidden; background: var(–beige-soft);} #pk-site .ambience img{width: 100%; height: 100%; object-fit: cover; object-position: center 40%;} #pk-site .featured-frame,#pk-site .art-frame{background: var(–beige-soft); border: 1px solid oklch(0.86 0.016 75); overflow: hidden;} #pk-site .featured-frame{aspect-ratio: 2/3;} #pk-site .badge{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border: 1px solid var(–sage);} #pk-site .badge span{font-size: 0.65rem; font-weight: 300; letter-spacing: 0.16em; text-transform: uppercase; color: var(–sage);} #pk-site .art-grid{display: grid; grid-template-columns: 1fr; gap: 2rem;} @media (min-width: 640px){#pk-site .art-grid{grid-template-columns: repeat(2, 1fr);}} @media (min-width: 768px){#pk-site .art-grid{gap: 2.5rem;}} @media (min-width: 1280px){#pk-site .art-grid{grid-template-columns: repeat(4, 1fr);} #pk-site .art-grid .span-2{grid-column: span 2;}} #pk-site .art-frame.h{aspect-ratio: 3/2;} #pk-site .art-frame.v{aspect-ratio: 2/3;} #pk-site .art-frame.q{aspect-ratio: 1/1;} #pk-site .art-frame.m{aspect-ratio: 4/3;} #pk-site .art-title{font-family: var(–font-display); font-size: 1.15rem; font-weight: 400; font-style: italic; color: var(–earth); line-height: 1.25; margin-top: 1rem;} #pk-site .obra-grid{display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: start;} @media (min-width: 1024px){#pk-site .obra-grid{grid-template-columns: repeat(12, 1fr); gap: 4rem;} #pk-site .obra-grid .c7{grid-column: span 7;} #pk-site .obra-grid .c5{grid-column: span 5;}} #pk-site .obra-frame{background: var(–beige-soft); border: 1px solid oklch(0.86 0.016 75); overflow: hidden;} #pk-site .obra-frame img{width: 100%; height: auto; display: block;} #pk-site .obra-info{position: sticky; top: 7.5rem;} #pk-site .obra-info h1{font-size: clamp(2.25rem, 5vw, 4.5rem); font-weight: 300; line-height: 1.05; color: var(–earth); letter-spacing: -0.01em; margin: 1.25rem 0 1.5rem;} #pk-site .obra-desc{font-size: 0.95rem; font-weight: 300; line-height: 1.9; color: var(–earth-text); margin-bottom: 2.25rem; max-width: 58ch;} #pk-site .detail-list{margin: 0 0 2.25rem;} #pk-site .detail-item{border-top: 1px solid var(–line); padding: 1rem 0;} #pk-site .detail-item dt{font-size: 0.62rem; font-weight: 300; letter-spacing: 0.18em; text-transform: uppercase; color: var(–sage); margin-bottom: 0.45rem;} #pk-site .detail-item dd{font-size: 0.92rem; font-weight: 300; line-height: 1.65; color: oklch(0.50 0.022 58); font-style: italic;} #pk-site .detail-item dd.has{color: oklch(0.34 0.034 58); font-style: normal;} #pk-site .italic{font-style: italic;} #pk-site .filters{display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 3rem;} #pk-site .filter-btn{border: 1px solid var(–sage); background: transparent; color: var(–sage); font-size: 0.64rem; font-weight: 300; letter-spacing: 0.14em; line-height: 1.2; padding: 0.62rem 0.85rem; text-transform: uppercase; transition: background-color 180ms ease, color 180ms ease;} #pk-site .filter-btn.active{background: var(–sage); color: var(–sand-light);} #pk-site .ref-grid{display: grid; grid-template-columns: 1fr; gap: 2.5rem;} @media (min-width: 1024px){#pk-site .ref-grid{grid-template-columns: 1fr 1fr; gap: 3.5rem;}} #pk-site .ref-card{border-top: 1px solid var(–line); padding-top: 1.5rem;} #pk-site .ref-card[hidden]{display: none;} #pk-site .ref-type{font-size: 0.64rem; font-weight: 300; letter-spacing: 0.18em; text-transform: uppercase; color: var(–sage); margin-bottom: 0.9rem;} #pk-site .ref-card h2{font-size: clamp(1.45rem, 2.4vw, 2rem); font-weight: 300; line-height: 1.15; color: var(–earth); margin-bottom: 1rem;} #pk-site .ref-card .desc{font-size: 0.9rem; font-weight: 300; line-height: 1.85; color: var(–earth-text); margin-bottom: 1.25rem;} #pk-site .ref-meta{display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin: 0 0 1.5rem;} @media (min-width: 640px){#pk-site .ref-meta{grid-template-columns: 1fr 1fr;}} #pk-site .ref-meta dt{font-size: 0.6rem; font-weight: 300; letter-spacing: 0.16em; text-transform: uppercase; color: var(–sage); margin-bottom: 0.35rem;} #pk-site .ref-meta dd{font-size: 0.82rem; font-weight: 300; line-height: 1.55; color: oklch(0.34 0.034 58);} #pk-site .ref-links{display: flex; flex-wrap: wrap; gap: 0.5rem;} #pk-site .contact-grid{display: grid; grid-template-columns: 1fr; gap: 3rem;} @media (min-width: 768px){#pk-site .contact-grid{grid-template-columns: repeat(5, 1fr); gap: 5rem;} #pk-site .contact-grid .c2{grid-column: span 2;} #pk-site .contact-grid .c3{grid-column: span 3;}} #pk-site .info-label{font-size: 0.65rem; font-weight: 300; letter-spacing: 0.18em; text-transform: uppercase; color: var(–sage); margin-bottom: 0.5rem;} #pk-site .info-val{font-size: 0.875rem; font-weight: 300; color: var(–earth-text); line-height: 1.6;} #pk-site .stack-8{display: flex; flex-direction: column; gap: 2rem;} #pk-site .form-row{display: grid; grid-template-columns: 1fr; gap: 2rem;} @media (min-width: 640px){#pk-site .form-row{grid-template-columns: 1fr 1fr;}} #pk-site .form-label{display: block; font-size: 0.65rem; font-weight: 300; letter-spacing: 0.18em; text-transform: uppercase; color: var(–sage); margin-bottom: 0.5rem;} #pk-site .form-input{width: 100%; background: transparent; border: none; border-bottom: 1px solid oklch(0.80 0.018 75); padding: 0.75rem 0; font-family: var(–font-body); font-size: 0.9rem; font-weight: 300; color: var(–earth); line-height: 1.5; outline: none; border-radius: 0; transition: border-color 200ms ease;} #pk-site .form-input:focus{border-bottom-color: var(–sage);} #pk-site textarea.form-input{resize: none;} #pk-site .form-input::placeholder{color: oklch(0.45 0.04 60 / 0.55);} #pk-site .btn-solid:disabled{opacity: 0.72; cursor: wait;} #pk-site .form-error{font-size: 0.7rem; font-weight: 300; color: oklch(0.52 0.12 30); margin-top: 1rem;} #pk-site .form-success{padding: 3rem; border: 1px solid oklch(0.86 0.016 75); text-align: center;} #pk-site .form-success .check{width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid var(–sage); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; color: var(–sage); font-size: 1rem;} #pk-site .form-success h3{font-size: 1.5rem; font-weight: 300; color: var(–earth); margin-bottom: 0.75rem;} #pk-site .form-success p{font-size: 0.875rem; font-weight: 300; line-height: 1.7; color: var(–earth-mid);} #pk-site [hidden]{display: none !important;} #pk-site .nf{position: relative; min-height: calc(100vh – 6rem); display: flex; align-items: center; overflow: hidden; background: var(–sand); padding: 6rem 0 7rem;} #pk-site .nf::before{content: “”; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: 0.4; background-image: url(“data:image/svg+xml,%3Csvg viewBox=’0 0 256 256′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cfilter id=’noise’%3E%3CfeTurbulence type=’fractalNoise’ baseFrequency=’0.9′ numOctaves=’4′ stitchTiles=’stitch’/%3E%3C/filter%3E%3Crect width=’100%25′ height=’100%25′ filter=’url(%23noise)’ opacity=’0.04’/%3E%3C/svg%3E”);} #pk-site .nf .big{position: absolute; right: max(1.5rem, 7vw); bottom: 2rem; z-index: 0; font-family: var(–font-display); font-size: clamp(8rem, 24vw, 22rem); font-weight: 300; line-height: 0.78; color: oklch(0.76 0.040 75 / 0.22); pointer-events: none;} #pk-site .nf .container{position: relative; z-index: 2;} #pk-site .nf h1{font-size: clamp(2.75rem, 7vw, 5.75rem); font-weight: 300; line-height: 1.02; color: var(–earth); letter-spacing: 0; margin-bottom: 1.75rem;} #pk-site .nf p.lead{font-size: clamp(1rem, 2vw, 1.12rem); font-weight: 300; line-height: 1.9; color: var(–earth-mid); max-width: 52ch; margin-bottom: 2.5rem;} #pk-site .nf-actions{display: flex; flex-direction: column; gap: 1rem;} @media (min-width: 640px){#pk-site .nf-actions{flex-direction: row;}} /* Patrícia de Kaiser — comportamentos do site (JavaScript puro) */ (function () { “use strict”; var root = document.getElementById(“pk-site”); if (root) root.classList.add(“pk-js”); /* Header: fundo ao rolar */ var header = document.querySelector(“.site-header”); function onScroll() { if (header) header.classList.toggle(“scrolled”, window.scrollY > 40); } window.addEventListener(“scroll”, onScroll, { passive: true }); onScroll(); /* Menu mobile */ var burger = document.querySelector(“.burger”); var mobileMenu = document.querySelector(“.mobile-menu”); if (burger && mobileMenu) { burger.addEventListener(“click”, function () { var open = !mobileMenu.classList.contains(“open”); mobileMenu.classList.toggle(“open”, open); burger.classList.toggle(“open”, open); }); } /* Ano do rodapé */ var year = document.getElementById(“ano”); if (year) year.textContent = new Date().getFullYear(); /* Revelar seções ao rolar (IntersectionObserver, threshold 0.15) */ var reveals = document.querySelectorAll(“.reveal”); reveals.forEach(function (el) { var d = el.getAttribute(“data-delay”); if (d) el.style.transitionDelay = d + “ms”; }); if (“IntersectionObserver” in window) { var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add(“visible”); io.unobserve(entry.target); } }); }, { threshold: 0.15 }); reveals.forEach(function (el) { io.observe(el); }); } else { reveals.forEach(function (el) { el.classList.add(“visible”); }); } /* Filtros de referências */ var filterBtns = document.querySelectorAll(“.filter-btn”); var refCards = document.querySelectorAll(“.ref-card”); filterBtns.forEach(function (btn) { btn.addEventListener(“click”, function () { var f = btn.getAttribute(“data-filter”); filterBtns.forEach(function (b) { b.classList.toggle(“active”, b === btn); }); refCards.forEach(function (card) { card.hidden = !(f === “Todos” || card.getAttribute(“data-cat”) === f); }); }); }); /* Formulário de contato (Web3Forms) */ var form = document.getElementById(“form-contato”); if (form) { var ENDPOINT = “https://api.web3forms.com/submit”; var ACCESS_KEY = “f1452a57-1c7b-420b-90d2-136816e9a375”; var btn = document.getElementById(“form-btn”); var err = document.getElementById(“form-erro”); var ok = document.getElementById(“form-sucesso”); form.addEventListener(“input”, function () { err.hidden = true; }); form.addEventListener(“submit”, function (e) { e.preventDefault(); var data = new FormData(form); if (data.get(“botcheck”)) return; btn.disabled = true; btn.textContent = “Enviando…”; err.hidden = true; fetch(ENDPOINT, { method: “POST”, headers: { “Content-Type”: “application/json”, Accept: “application/json” }, body: JSON.stringify({ access_key: ACCESS_KEY, name: data.get(“nome”), email: data.get(“email”), subject: data.get(“assunto”), message: data.get(“mensagem”), botcheck: data.get(“botcheck”) || “” }) }) .then(function (r) { return r.json().then(function (j) { return { ok: r.ok, j: j }; }); }) .then(function (res) { if (!res.ok || !res.j.success) throw new Error(“fail”); form.reset(); form.hidden = true; ok.hidden = false; }) .catch(function () { err.hidden = false; btn.disabled = false; btn.textContent = “Enviar Mensagem →”; }); }); } })();