:root {
--stroke-0: #C49A6C; } *, *::before, *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
} #site-header {
background-color: rgba(10, 10, 10, 0.96);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
} body.home #site-header {
background-color: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-bottom-color: transparent;
}
#site-header.scrolled,
body.home #site-header.scrolled {
background-color: rgba(10, 10, 10, 0.96);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-bottom-color: rgba(255, 255, 255, 0.06);
}
#site-header.menu-open {
background-color: rgba(10, 10, 10, 0.98) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom-color: transparent;
} #nav-overlay {
position: fixed;
inset: 0;
z-index: 40; background-color: rgba(10, 10, 10, 0.98);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 26px;
padding: 96px 24px 44px;
overflow-y: auto;
}
#nav-overlay.open {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav-overlay-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
.nav-overlay-link {
display: inline-block;
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 300;
font-size: clamp(22px, 3.4vw, 34px);
line-height: 1.32;
color: #EDEAE3;
letter-spacing: 0.4px;
transition: color 0.2s ease;
}
.nav-overlay-link:hover,
.nav-overlay-link:focus-visible {
color: #C49A6C;
}
body.nav-open {
overflow: hidden;
} @media (max-width: 767px) {
#nav-overlay {
justify-content: flex-start;
gap: 0;
padding: 96px 24px 40px; }
.nav-overlay-list {
gap: 18px; width: 100%;
}
.nav-overlay-foot {
margin-top: auto; padding-top: 32px;
}
} @media (max-width: 767px) {
.baccari-lang-switch { display: none !important; }
}
.nav-overlay-lang { display: none; }
@media (max-width: 767px) {
.nav-overlay-lang {
display: block;
align-self: stretch; width: 100%;
text-align: center; margin-top: 22px; }
.nav-overlay-lang .trp-shortcode-switcher__wrapper {
display: inline-block; text-align: left; } .nav-overlay-lang:has( [aria-expanded="true"] ) {
margin-bottom: 96px;
}
#nav-overlay:has( .nav-overlay-lang [aria-expanded="true"] ) .nav-overlay-foot {
margin-top: 28px;
}
} .nav-overlay-lang a,
.nav-overlay-lang .trp-ls-shortcode-current-language,
.nav-overlay-lang .trp-ls-shortcode-language a {
color: rgba(237, 234, 227, 0.9) !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 19px !important;
letter-spacing: 0.3px !important;
text-decoration: none !important;
}
.nav-overlay-lang a:hover,
.nav-overlay-lang a:focus-visible { color: #C49A6C !important; }
.nav-overlay-lang img.trp-flag-image,
.nav-overlay-lang .trp-language-switcher img {
width: 20px !important;
height: auto !important;
vertical-align: middle;
margin-right: 6px;
} .carousel-track {
align-items: stretch;
transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.carousel-slide {
flex-shrink: 0;
display: flex;
flex-direction: column;
}
.carousel-slide > a,
.carousel-slide > article {
flex: 1;
display: flex;
flex-direction: column;
} .project-card-media,
.project-gallery-media {
aspect-ratio: 4 / 3;
}
.project-hero-media {
aspect-ratio: 16 / 10;
}
.project-summary {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
}
.entry-content > * + * {
margin-top: 1.25rem;
} .hero-overlay {
background:
linear-gradient(
to right,
rgba(10,10,10,0.94) 0%,
rgba(10,10,10,0.80) 38%,
rgba(10,10,10,0.50) 68%,
rgba(10,10,10,0.22) 100%
),
linear-gradient(
to bottom,
rgba(10,10,10,0.25) 0%,
rgba(10,10,10,0) 30%,
rgba(10,10,10,0.55) 100%
);
} .scroll-line {
background: linear-gradient(to bottom, rgba(196,154,108,0.5), transparent);
} .service-card::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 4px;
background-color: #C49A6C;
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.service-card:hover::before {
width: 100%;
} .timeline-dot {
background-color: #C49A6C;
box-shadow: 0 0 10px 0px rgba(196,154,108,0.7);
} :focus-visible {
outline: 2px solid #C49A6C;
outline-offset: 2px;
} .overline {
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
text-decoration: none !important;
color: #C49A6C;
line-height: 16px;
}  .baccari-lang-switch {
display: inline-flex;
align-items: center;
position: relative;
z-index: 60;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
font-size: 12px;
line-height: 1;
} .baccari-lang-switch .trp-shortcode-switcher__wrapper {
margin: 0 !important;
background: transparent !important;
} .baccari-lang-switch a,
.baccari-lang-switch .trp-ls-shortcode-current-language,
.baccari-lang-switch .trp-ls-shortcode-language a {
color: rgba(255, 255, 255, 0.85) !important;
text-decoration: none !important;
font-size: 12px !important;
line-height: 1.2 !important;
padding: 4px 6px !important;
transition: color 0.2s ease;
}
.baccari-lang-switch a:hover,
.baccari-lang-switch a:focus-visible {
color: #C49A6C !important;
} .baccari-lang-switch select {
background: transparent !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.25) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font: inherit !important;
cursor: pointer;
}
.baccari-lang-switch select option {
color: #0A0A0A; } .baccari-lang-switch img.trp-flag-image,
.baccari-lang-switch .trp-language-switcher img {
width: 18px !important;
height: auto !important;
vertical-align: middle;
margin-right: 5px;
} .form-feedback {
display: none;
padding: 12px 16px;
border-radius: 6px;
font-size: 14px;
line-height: 20px;
}
.form-feedback.success {
display: block;
background-color: #f0fdf4;
border: 1px solid #86efac;
color: #166534;
}
.form-feedback.error {
display: block;
background-color: #fef2f2;
border: 1px solid #fca5a5;
color: #991b1b;
} .wpcf7 {
width: 100%;
} .baccari-form-row {
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 768px) {
.baccari-form-row {
flex-direction: row;
}
}
.baccari-form-col {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1 1 0%;
} .baccari-form-group {
display: flex;
flex-direction: column;
gap: 6px;
} .wpcf7 .wpcf7-form {
display: flex;
flex-direction: column;
gap: 24px;
} .wpcf7 form br {
display: none;
} .wpcf7 .wpcf7-form-control-wrap {
display: block;
width: 100%;
margin-top: 6px;
} .wpcf7 label {
display: block;
font-size: 0.875rem; line-height: 1.25rem;
color: #3f3f47; font-family: inherit;
margin-bottom: 0px;
}
.baccari-optional {
color: #9f9fa9; font-size: 0.875rem;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
background-color: #fafafa; border: 1px solid #e4e4e7; border-radius: 6px;
padding: 12px 16px;
font-size: 1rem;
line-height: 1.5;
color: #18181b; font-family: inherit;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 textarea::placeholder {
color: rgba(24, 24, 27, 0.5);
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
outline: none;
border-color: #C49A6C; box-shadow: 0 0 0 1px #C49A6C;
}
.wpcf7 select {
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #71717b 50%), linear-gradient(135deg, #71717b 50%, transparent 50%);
background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
padding-right: 40px;
}
.wpcf7 textarea {
resize: none;
min-height: 140px;
} .wpcf7 input.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
border-color: #fca5a5;
}
.wpcf7-not-valid-tip {
display: block;
color: #991b1b;
font-size: 0.75rem;
line-height: 1rem;
margin-top: 4px;
} .wpcf7 .baccari-file-input {
display: block;
width: 100%;
padding: 28px 16px;
background-color: #fafafa;
border: 1px dashed #e4e4e7;
border-radius: 6px;
color: #71717b;
font-size: 0.875rem;
font-family: inherit;
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease;
box-sizing: border-box;
}
.wpcf7 .baccari-file-input:hover {
border-color: #C49A6C;
background-color: rgba(196, 154, 108, 0.04);
}
.wpcf7 .baccari-file-input::file-selector-button {
background-color: #C49A6C;
color: #fff;
border: none;
padding: 6px 14px;
border-radius: 4px;
font-size: 0.875rem;
font-family: inherit;
margin-right: 14px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.wpcf7 .baccari-file-input::file-selector-button:hover {
background-color: #a07a50;
} .wpcf7 .wpcf7-acceptance {
display: block;
}
.wpcf7 .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
font-size: 0.875rem;
line-height: 1.5;
color: #52525c; }
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
width: 16px;
height: 16px;
min-width: 16px;
margin-top: 2px;
accent-color: #C49A6C; cursor: pointer;
border: 1px solid #e4e4e7;
border-radius: 3px;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label a {
color: #C49A6C;
text-decoration: underline;
text-underline-offset: 2px;
transition: color 0.2s ease;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label a:hover {
color: #a07a50;
} .wpcf7 input[type="submit"],
.wpcf7 input.wpcf7-submit {
display: block;
width: 100%;
margin-top: 8px;
background-color: #C49A6C;
color: #fff;
font-family: inherit;
font-size: 1rem;
font-weight: 600;
padding: 14px 24px;
border: none;
border-radius: 6px;
cursor: pointer;
box-shadow: 0px 10px 15px 0px rgba(196, 154, 108, 0.3);
transition: background-color 0.2s ease;
letter-spacing: 0.01em;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input.wpcf7-submit:hover {
background-color: #a07a50;
}
.wpcf7 input[type="submit"]:disabled,
.wpcf7 input.wpcf7-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
} .wpcf7 .wpcf7-spinner {
display: none !important;
} .wpcf7 .wpcf7-response-output {
margin: 0 !important;
padding: 12px 16px;
border-radius: 6px;
font-size: 0.875rem;
line-height: 1.25rem;
border-width: 1px !important;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #f0fdf4;
border: 1px solid #86efac !important;
color: #166534;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
background-color: #fef2f2;
border: 1px solid #fca5a5 !important;
color: #991b1b;
} .hero-background-carousel {
position: absolute;
inset: 0;
overflow: hidden;
background-color: #0A0A0A;
}
.hero-bg-slide {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 0;
transform: translateZ(0);
will-change: opacity;
transition: opacity 1.2s ease-in-out; } .hero-bg-slide--active {
opacity: 1;
}
.hero-background-carousel .hero-overlay {
position: absolute;
inset: 0;
z-index: 2;
}
@keyframes baccariHeroFade {
0%, 29% {
opacity: 1;
}
35%, 94% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.hero-bg-slide {
animation: none;
opacity: 0;
}
.hero-bg-slide--1,
.hero-bg-slide--active {
opacity: 1;
}
} .team-list {
width: 100%;
}
.team-card {
max-width: 100%;
width: 100%;
}
.team-card-horizontal {
display: flex;
flex-direction: column;
}
.team-card-media {
width: 100%;
height: 320px;
min-height: 0;
display: block;
overflow: hidden;
background-color: #141414;
}
.team-card-media img {
display: block;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
object-position: center center; filter: grayscale(1);
transition: filter 0.5s ease;
}
.team-card:hover .team-card-media img {
filter: grayscale(0);
}
.team-card-media--adriana img {
object-position: center center;
}
.team-card-media--jr img {
object-position: center center;
}
.team-card-media--giovanna img {
object-position: center center;
}
.team-card-content {
flex: 1 1 auto;
}
@media (min-width: 1024px) {
.team-card-horizontal {
flex-direction: row;
align-items: stretch;
min-height: 360px;
}
.team-card-horizontal .team-card-media {
flex: 0 0 38%;
max-width: 460px;
height: auto;
min-height: 360px;
aspect-ratio: auto;
align-self: stretch;
}
.team-card-horizontal .team-card-content {
justify-content: center;
}
}
@media (max-width: 767px) {
.team-card-media {
height: 280px;
}
} .photo-overlay {
background: linear-gradient(to top, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0) 60%);
} .card-badge {
background-color: rgba(196,154,108,0.12);
color: #a07a50;
} ::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #0A0A0A;
}
::-webkit-scrollbar-thumb {
background: #2b2b2b;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #3a3a3a;
}  .pp-section {
padding-bottom: 48px;
margin-bottom: 48px;
border-bottom: 1px solid #f4f4f5; }
.pp-section:last-child {
border-bottom: none;
margin-bottom: 0;
} .privacy-content h2 {
font-family: inherit;
font-size: 1.5rem; font-weight: 700;
color: #18181b; line-height: 1.3;
margin-bottom: 16px;
}
.privacy-content h3 {
font-size: 1rem;
font-weight: 600;
color: #3f3f47; margin-top: 24px;
margin-bottom: 10px;
} .pp-subtitle {
font-size: 1rem;
font-weight: 400;
color: #71717b; } .privacy-content p {
font-size: 0.9375rem; line-height: 1.75;
color: #52525c; margin-bottom: 14px;
} .privacy-content ul {
list-style: none;
padding: 0;
margin: 0 0 16px 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.privacy-content ul li {
font-size: 0.9375rem;
line-height: 1.65;
color: #52525c;
padding-left: 20px;
position: relative;
}
.privacy-content ul li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #e17100; } .privacy-content a {
color: #C49A6C;
text-decoration: none;
transition: color 0.2s ease;
}
.privacy-content a:hover {
color: #a07a50;
} .pp-card {
background-color: #fafafa; border: 1px solid #e4e4e7; border-left: 3px solid #e17100;
border-radius: 6px;
padding: 20px 24px;
margin-bottom: 16px;
}
.pp-card h3 {
margin-top: 0;
color: #18181b;
} .pp-contact-card {
display: flex;
flex-direction: column;
gap: 16px;
background-color: #fafafa;
border: 1px solid #e4e4e7;
border-radius: 6px;
padding: 20px 24px;
margin: 20px 0;
}
@media (min-width: 640px) {
.pp-contact-card {
flex-direction: row;
gap: 32px;
}
} .pp-toc-active {
border-left-color: #e17100 !important;
color: #e17100 !important;
} .cpt-hero {
background: radial-gradient(
ellipse 75% 90% at 106% -8%,
rgba(254,154,0,0.62)  0%,
rgba(225,113,0,0.42) 20%,
rgba(185, 72,0,0.18) 46%,
transparent          64%
), radial-gradient(
ellipse 48% 42% at -8% 110%,
rgba(225,113,0,0.24) 0%,
transparent          58%
), linear-gradient(
112deg,
transparent          0%,
transparent         40%,
rgba(254,154,0,0.05) 48%,
rgba(254,154,0,0.04) 52%,
transparent          60%,
transparent         100%
), linear-gradient(
158deg,
#09090b  0%,
#1c0900 38%,
#220e00 58%,
#0e0503 82%,
#09090b 100%
);
} .lb-trigger {
cursor: zoom-in;
}
#lb-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 9000;
background: rgba(0, 0, 0, 0.92);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
align-items: center;
justify-content: center;
}
#lb-overlay.lb-open {
display: flex;
}
#lb-overlay.lb-fade-in {
animation: lb-fadein 0.22s ease both;
}
@keyframes lb-fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
#lb-img-wrap {
position: relative;
display: block;
overflow: hidden;
max-width: min(92vw, 1200px);
max-height: 90vh;
}
#lb-img {
display: block;
max-width: 100%;
max-height: 90vh;
object-fit: contain;
border-radius: 6px;
box-shadow: 0 25px 60px rgba(0,0,0,0.7);
transition: opacity 0.18s ease;
user-select: none;
}
#lb-img.lb-img-loading {
opacity: 0;
} #lb-close {
position: fixed;
top: 18px;
right: 22px;
width: 44px;
height: 44px;
display: block;
overflow: hidden;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 50%;
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
transition: background 0.18s ease;
z-index: 9010;
}
#lb-close:hover {
background: rgba(225,113,0,0.5);
} .lb-nav {
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
display: block;
overflow: hidden;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 50%;
color: #fff;
font-size: 22px;
cursor: pointer;
transition: background 0.18s ease;
z-index: 9010;
user-select: none;
}
.lb-nav:hover {
background: rgba(225,113,0,0.5);
}
#lb-prev { left: 16px; }
#lb-next { right: 16px; }
.lb-nav.lb-hidden {
opacity: 0;
pointer-events: none;
} #lb-counter {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
font-size: 13px;
color: rgba(255,255,255,0.5);
letter-spacing: 1px;
z-index: 9010;
white-space: nowrap;
} #lb-caption {
position: fixed;
bottom: 44px;
left: 50%;
transform: translateX(-50%);
font-size: 13px;
color: rgba(255,255,255,0.7);
letter-spacing: 0.4px;
z-index: 9010;
white-space: nowrap;
max-width: 90vw;
overflow: hidden;
text-overflow: ellipsis;
} .project-gallery-media.lb-trigger img,
.project-hero-media.lb-trigger img {
transition: transform 0.3s ease, opacity 0.3s ease;
}
.project-gallery-media.lb-trigger:hover img,
.project-hero-media.lb-trigger:hover img {
opacity: 0.85;
} .lb-trigger {
position: relative;
}
.lb-trigger::after {
content: '';
position: absolute;
inset: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cline x1='14.5' y1='14.5' x2='20' y2='20'/%3E%3Cline x1='8' y1='10' x2='12' y2='10'/%3E%3Cline x1='10' y1='8' x2='10' y2='12'/%3E%3C/svg%3E") center / 36px 36px no-repeat;
opacity: 0;
transition: opacity 0.22s ease;
border-radius: inherit;
pointer-events: none;
}
.lb-trigger:hover::after {
opacity: 0.85;
} .service-card:hover img {
filter: invert(1) brightness(8);
} #servico-modal {
display: none;
position: fixed;
inset: 0;
z-index: 9000;
background: rgba(0, 0, 0, 0.78);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 5vh 18px;
overflow-y: auto;
}
#servico-modal.open {
display: flex;
align-items: flex-start;
justify-content: center;
}
.servico-modal-panel {
position: relative;
width: 100%;
max-width: 860px;
margin: auto;
background: #141414;
border: 1px solid #262626;
border-radius: 10px;
padding: 46px 30px 40px;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
animation: lb-fadein 0.22s ease both;
}
.servico-modal-close {
position: absolute;
top: 14px;
right: 14px;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.14);
color: #fff;
font-size: 20px;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease;
}
.servico-modal-close:hover {
background: rgba(196, 154, 108, 0.45);
}
body.modal-open {
overflow: hidden;
} .font-heading {
letter-spacing: 0.2px;
} .servico-bullet::before {
content: "—";
color: #C49A6C;
margin-right: 10px;
} #contato .wpcf7 label {
color: #d8d2c8;
}
#contato .wpcf7 .baccari-optional {
color: #8a847b;
} .baccari-stat {
display: flex;
flex-direction: column;
gap: 6px;
align-items: center; text-align: center;
}
.baccari-stat-num {
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 300;
font-size: clamp(24px, 2.6vw, 34px);
line-height: 1.1;
color: #EDEAE3;
}
.baccari-stat-label {
font-family: 'Inter', system-ui, sans-serif;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
color: #C49A6C;
}
@media (min-width: 768px) {
.baccari-stat { align-items: flex-start; text-align: left; }
}
.baccari-chip {
display: inline-flex;
align-items: center;
font-family: 'Inter', system-ui, sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
color: #EDEAE3;
background: rgba(196, 154, 108, 0.10);
border: 1px solid rgba(196, 154, 108, 0.30);
border-radius: 999px;
padding: 5px 12px;
} .baccari-disclosure-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
background: none;
border: 0;
padding: 0;
cursor: pointer;
font-family: 'Inter', system-ui, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
color: #C49A6C;
transition: opacity 0.2s ease;
}
.baccari-disclosure-toggle:hover { opacity: 0.72; }
.baccari-disclosure-toggle .disclosure-icon {
position: relative;
width: 12px;
height: 12px;
flex: 0 0 auto;
}
.baccari-disclosure-toggle .disclosure-icon::before,
.baccari-disclosure-toggle .disclosure-icon::after {
content: '';
position: absolute;
background: currentColor;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.baccari-disclosure-toggle .disclosure-icon::before {
top: 50%;
left: 0;
right: 0;
height: 1.5px;
transform: translateY(-50%);
}
.baccari-disclosure-toggle .disclosure-icon::after {
left: 50%;
top: 0;
bottom: 0;
width: 1.5px;
transform: translateX(-50%);
}
.baccari-disclosure-toggle.is-open .disclosure-icon::after {
transform: translateX(-50%) scaleY(0);
opacity: 0;
}
.baccari-disclosure-panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
.baccari-disclosure-panel.open {
grid-template-rows: 1fr;
}
.baccari-disclosure-inner {
overflow: hidden;
min-height: 0;
} .portfolio-gallery {
display: grid;
grid-template-columns: minmax(0, 1fr) 132px;
gap: 16px;
}
.portfolio-gallery-main {
height: clamp(420px, 85vh, 950px);
overflow: hidden;
border-radius: 8px;
border: 1px solid #262626;
background: #141414;
}
.portfolio-gallery-featured {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: opacity 0.4s ease;
cursor: zoom-in;
}
.portfolio-gallery-featured.is-swapping {
opacity: 0;
}
.portfolio-gallery-rail-wrap {
position: relative;
overflow: hidden;
}
.portfolio-gallery-rail {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
gap: 12px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 4px;
scrollbar-width: thin;
scrollbar-color: #C49A6C #1a1a1a;
}
.portfolio-gallery-rail::-webkit-scrollbar {
width: 6px;
}
.portfolio-gallery-rail::-webkit-scrollbar-thumb {
background: #333;
border-radius: 3px;
}
.portfolio-gallery-thumb {
flex: 0 0 auto;
display: block;
width: 100%;
aspect-ratio: 3 / 2;
padding: 0;
border: 1px solid #262626;
border-radius: 6px;
overflow: hidden;
background: #141414;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.25s ease, border-color 0.25s ease;
}
.portfolio-gallery-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.portfolio-gallery-thumb:hover {
opacity: 0.85;
}
.portfolio-gallery-thumb.is-active {
opacity: 1;
border-color: #C49A6C;
}
@media (max-width: 767px) { .portfolio-gallery {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.portfolio-gallery-main,
.portfolio-gallery-rail-wrap {
min-width: 0;
max-width: 100%;
}
.portfolio-gallery-rail-wrap {
position: static;
overflow: visible;
}
.portfolio-gallery-rail {
position: static;
inset: auto;
flex-direction: row;
overflow-x: auto;
overflow-y: hidden;
padding-right: 0;
padding-bottom: 6px;
gap: 8px;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
}
.portfolio-gallery-thumb {
width: 74px;
aspect-ratio: 1 / 1;
scroll-snap-align: start;
} .portfolio-gallery-main {
height: auto !important;
aspect-ratio: 3 / 4;
min-height: 0;
max-height: 72vh;
}
}  footer li.pt-1 > div {
justify-content: center;
}
@media (min-width: 1024px) {
footer li.pt-1 > div {
justify-content: flex-start;
}
} @media (max-width: 640px) {
a.baccari-whatsapp-float {
bottom: 140px;
}
}