:root { –royal-red: #b30000; –royal-gold: #996515; –deep-black: #0f0f0f; –off-white: #fafafa; –white-text: #ffffff; } /* CONTAINER – WORDPRESS SAFE */ .tavares-container { font-family: 'Inter', sans-serif !important; scroll-behavior: smooth; line-height: 1.6; background: var(–off-white); color: var(–deep-black); max-width: 100%; overflow-x: hidden; margin-top: 13px !important; /* PHONE TOP MARGIN */ } .tavares-container *, .tavares-container *::before, .tavares-container *::after { box-sizing: border-box; } /* PERFECT HERO – Tavares MEDIUM, Subtitle SMALL WHITE */ .tavares-hero { height: 450px; /* MOBILE */ display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)), url('https://tavaresandtavares.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.07.40-PM.jpeg'); background-size: cover; background-position: center; color: var(–white-text); padding: 0 5%; position: relative; margin: 0 !important; width: 100%; } .tavares-hero-content { max-width: 90%; padding: 0 1rem; } /* MAIN TITLE – MEDIUM SIZE */ .tavares-hero h1 { font-family: 'Algerian', serif !important; color: yellow !important; font-size: clamp(2.2rem, 7vw, 3.2rem) !important; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); letter-spacing: 2px; margin-bottom: 0.8rem; line-height: 1.1; font-weight: bold; } /* SUBTITLE – SMALL WHITE */ .tavares-hero h2 { font-size: clamp(0.7rem, 2.2vw, 0.85rem) !important; color: var(–white-text) !important; font-weight: 400 !important; font-family: 'Inter', sans-serif !important; letter-spacing: 1px; margin: 0.5rem 0 1.5rem 0 !important; opacity: 0.95; text-transform: uppercase; text-shadow: 1px 1px 4px rgba(0,0,0,0.7); } .tavares-hero p { font-size: clamp(0.9rem, 3vw, 1.1rem); color: var(–white-text); margin-bottom: 0.5rem; font-weight: 400; } /* ANIMATIONS */ .tavares-reveal { opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); } .tavares-reveal.tavares-visible { opacity: 1; transform: translateY(0); } .tavares-arissa-row { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; } .tavares-arissa-row img { width: clamp(40px, 8vw, 55px); } .tavares-arissa-row span { font-size: clamp(0.75rem, 2.5vw, 0.9rem); letter-spacing: 1.5px; color: var(–royal-gold); font-weight: 600; } .tavares-hero-btn { padding: clamp(10px, 2.5vw, 14px) 28px; border: 2px solid var(–royal-red); background: var(–royal-red); color: white; text-decoration: none; font-family: 'Cinzel', serif !important; font-weight: 700; font-size: clamp(0.85rem, 2.5vw, 1rem); transition: all 0.3s ease; display: inline-block; border-radius: 6px; letter-spacing: 1px; } .tavares-hero-btn:hover { background: transparent; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(179,0,0,0.4); } /* SECTIONS */ .tavares-section { padding: 60px 5%; width: 100%; } .tavares-vision { background: #ffffff; text-align: center; border-top: 1px solid #f0f0f0; border-bottom: 2px solid var(–royal-red); } .tavares-vision-container { max-width: 900px; margin: 0 auto; } .tavares-vision-crown { font-family: 'Cinzel', serif; color: var(–royal-red); text-transform: uppercase; letter-spacing: 3px; font-size: 0.85rem; margin-bottom: 1rem; font-weight: 700; display: block; } .tavares-vision-line { width: 0; height: 2px; background: linear-gradient(90deg, transparent, var(–royal-gold), transparent); margin: 0 auto 1.5rem; transition: width 1.5s cubic-bezier(0.19, 1, 0.22, 1); } .tavares-vision-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 4vw, 1.4rem); line-height: 1.5; color: #1a1a1a; font-weight: 400; } .tavares-vision.tavares-visible .tavares-vision-line { width: 200px; } .tavares-mission { display: flex; flex-direction: column; align-items: center; gap: 2rem; text-align: center; } .tavares-book-wrapper { perspective: 2000px; width: clamp(140px, 20vw, 200px); height: clamp(190px, 26vw, 270px); margin: 0 auto; } .tavares-book { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transform: rotateY(-20deg); transition: 2s; } .tavares-reveal.tavares-visible .tavares-book { transform: rotateY(-40deg) rotateX(5deg); } .tavares-book-front { position: absolute; width: 100%; height: 100%; background: var(–royal-red); border-radius: 0 5px 5px 0; border-left: 10px solid #800000; display: flex; align-items: center; justify-content: center; box-shadow: 15px 15px 30px rgba(0,0,0,0.3); z-index: 2; font-size: clamp(0.75rem, 3vw, 0.9rem); color: var(–royal-gold); font-weight: bold; } .tavares-mission-content h4 { color: var(–royal-gold); font-size: 1.1rem; } .tavares-mission-content h2 { font-size: clamp(1.8rem, 5vw, 2.2rem); color: var(–royal-red); margin-bottom: 1rem; } .tavares-quote { font-family: 'Playfair Display', serif; font-size: 1.2rem; font-style: italic; border-left: 3px solid var(–royal-gold); padding-left: 1rem; margin: 1.5rem 0; color: #333; } .tavares-cat-section { background: #f4f4f4; padding-top: 3rem; } .tavares-cat-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; } .tavares-cat-card { padding: 1.5rem; border: 1px solid var(–royal-red); text-align: center; text-decoration: none; color: var(–royal-red); font-weight: bold; transition: all 0.3s; background: white; font-size: 0.95rem; border-radius: 8px; display: block; } .tavares-cat-card:hover { background: var(–royal-red); color: white; transform: translateY(-5px); } .tavares-cat-subtext { font-size: 0.75rem; font-weight: 400; text-transform: none; display: block; margin-top: 0.5rem; opacity: 0.8; } .tavares-catalogue { background: white; } .tavares-catalogue-item { margin-bottom: 3rem; } .tavares-catalogue-item h2 { color: var(–royal-red); border-bottom: 1px solid #eee; padding-bottom: 0.5rem; font-size: clamp(1.4rem, 4vw, 1.7rem); } /* WOO COMMERCE OVERRIDE */ .tavares-container .woocommerce ul.products, .tavares-container ul.products { display: grid !important; grid-template-columns: 1fr !important; gap: 1rem !important; margin: 2rem 0 0 0 !important; padding: 0 !important; list-style: none !important; } .tavares-excellence { display: grid; grid-template-columns: 1fr; gap: 1.5rem; background: var(–deep-black); color: white; text-align: center; } .tavares-excellence-title { grid-column: 1 / -1; margin-bottom: 2rem; } .tavares-ex-card { padding: 2rem 1.5rem; border-left: 3px solid var(–royal-gold); background: rgba(255,255,255,0.05); border-radius: 0 8px 8px 0; } .tavares-ex-card h4 { color: var(–royal-gold); } .tavares-faq { padding: 60px 5% 30px 5%; background: white; max-width: 900px; margin: 0 auto; } .tavares-faq-item { margin-bottom: 1rem; border: 1px solid #eee; padding: 1.5rem; border-radius: 8px; } .tavares-faq-q { font-weight: 600; color: var(–royal-red); display: block; margin-bottom: 0.5rem; } /* RESPONSIVE PERFECTION */ @media (min-width: 481px) { .tavares-container { margin-top: 0 !important; } .tavares-hero { height: 500px !important; } } @media (min-width: 768px) { .tavares-hero { height: 550px !important; } .tavares-section { padding: 80px 5%; } .tavares-mission { flex-direction: row; text-align: left; } .tavares-mission-content { flex: 1; } .tavares-cat-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .tavares-container .woocommerce ul.products, .tavares-container ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 1.5rem !important; } .tavares-excellence { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media (min-width: 992px) { .tavares-hero { height: 500px !important; } .tavares-cat-grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .tavares-hero { height: 600px !important; } .tavares-section { padding: 100px 10%; } .tavares-cat-grid { grid-template-columns: repeat(4, 1fr); } .tavares-container .woocommerce ul.products, .tavares-container ul.products { grid-template-columns: repeat(4, 1fr) !important; } .tavares-excellence { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } } // Scroll Reveal Animation function tavaresReveal() { const reveals = document.querySelectorAll(“.tavares-reveal”); reveals.forEach(el => { const elementTop = el.getBoundingClientRect().top; if (elementTop { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('tavares-visible'); } }); }, { threshold: 0.5 }); document.querySelectorAll('.tavares-reveal-vision').forEach(el => { tavaresVisionObserver.observe(el); }); // Initialize animations window.addEventListener(“scroll”, tavaresReveal); window.addEventListener(“load”, tavaresReveal); tavaresReveal();