:root { --forest-dark: #1A3626; --forest-base: #2D5A3F; --forest-light: #4A7C59; --sage: #A3C4A8; --earth: #5C4033; --bg-main: #FDFBF7; --bg-alt: #F4EFE6; --text-dark: #1C1C1C; --text-mut: #555555; --accent: #D4A373; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Lora', serif; color: var(--text-dark); background-color: var(--bg-main); line-height: 1.6; overflow-x: hidden; } h1, h2, h3, h4, .vy-logo { font-family: 'Playfair Display', serif; font-weight: 700; color: var(--forest-dark); } a { color: var(--forest-base); text-decoration: none; transition: color 0.3s ease; } a:hover { color: var(--accent); } img { width: 100%; height: auto; object-fit: cover; display: block; } .vy-inline-link { text-decoration: underline; text-decoration-color: var(--sage); text-underline-offset: 4px; } .vy-masthead { position: sticky; top: 0; background: rgba(253, 251, 247, 0.95); backdrop-filter: blur(8px); z-index: 100; border-bottom: 1px solid var(--sage); } .vy-masthead-inner { max-width: 1200px; margin: 0 auto; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: center; } .vy-logo { display: flex; align-items: center; gap: 0.5rem; font-size: 1.4rem; letter-spacing: -0.5px; } .vy-logo svg { color: var(--forest-base); } .vy-navigation { display: flex; gap: 2rem; align-items: center; font-family: 'Playfair Display', serif; font-size: 1.1rem; } .vy-nav-ghost { opacity: 0.6; } .vy-btn-primary { display: inline-block; background: var(--forest-dark); color: #fff; padding: 0.8rem 1.8rem; border: none; font-family: 'Playfair Display', serif; font-size: 1.1rem; cursor: pointer; transition: background 0.3s; } .vy-btn-primary:hover { background: var(--forest-base); color: #fff; } .vy-btn-secondary { display: inline-block; border: 1px solid var(--forest-dark); color: var(--forest-dark); padding: 0.8rem 1.8rem; font-family: 'Playfair Display', serif; font-size: 1.1rem; transition: all 0.3s; } .vy-btn-secondary:hover { background: var(--forest-dark); color: #fff; } .vinyard-hero-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 85vh; } .vinyard-hero-content { padding: 6rem 4rem; display: flex; flex-direction: column; justify-content: center; background: var(--bg-alt); } .vy-badge-wrap { margin-bottom: 1.5rem; } .vy-badge { font-family: sans-serif; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1.5px; background: var(--sage); color: var(--forest-dark); padding: 0.4rem 0.8rem; border-radius: 2px; font-weight: 600; } .vy-hero-title { font-size: 3.5rem; line-height: 1.1; margin-bottom: 1.5rem; color: var(--forest-dark); } .vy-hero-sub { font-size: 1.25rem; color: var(--text-mut); margin-bottom: 2.5rem; max-width: 90%; } .vy-hero-actions { display: flex; gap: 1rem; } .vinyard-hero-visual img { height: 100%; } .vy-section-heading { font-size: 2.5rem; margin-bottom: 1.5rem; position: relative; } .vy-section-heading::after { content: ''; display: block; width: 60px; height: 3px; background: var(--accent); margin-top: 1rem; } .agri-story-sect { max-width: 1200px; margin: 6rem auto; padding: 0 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .agri-stats-panel { display: flex; gap: 3rem; margin-top: 3rem; border-top: 1px solid var(--sage); padding-top: 2rem; } .agri-stat-box { display: flex; flex-direction: column; } .agri-counter-val { font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight: 700; color: var(--forest-base); } .agri-stat-plus { font-size: 2.5rem; color: var(--forest-base); font-family: 'Playfair Display', serif; } .agri-stat-label { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; color: var(--text-mut); } .meth-container { background: var(--forest-dark); color: var(--bg-main); padding: 8rem 2rem; } .meth-header { max-width: 1200px; margin: 0 auto 4rem; text-align: center; } .meth-header .vy-section-heading { color: var(--bg-main); display: inline-block; } .meth-header .vy-section-heading::after { margin: 1rem auto 0; } .vy-section-desc { max-width: 600px; margin: 0 auto; font-size: 1.1rem; color: var(--sage); } .meth-card-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .meth-card-heavy { background: var(--bg-main); color: var(--text-dark); padding: 3rem; grid-row: span 2; } .meth-card-heavy h3 { font-size: 2rem; margin-bottom: 1.5rem; color: var(--forest-dark); } .meth-card-heavy p { margin-bottom: 2rem; } .meth-card-light { border: 1px solid var(--forest-light); padding: 2.5rem; } .meth-card-light h3 { font-size: 1.5rem; margin-bottom: 1rem; color: var(--sage); } .meth-card-light p { color: #ddd; font-size: 0.95rem; } .feedback-region { max-width: 1000px; margin: 8rem auto; padding: 0 2rem; } .feedback-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-top: 4rem; } .feedback-card { background: var(--bg-alt); padding: 3rem 2rem; position: relative; } .vy-offset-card { transform: translateY(3rem); } .vy-quote { font-style: italic; font-size: 1.1rem; margin-bottom: 2rem; color: var(--text-dark); } .vy-author { display: flex; align-items: center; gap: 1rem; } .vy-author img { width: 60px; height: 60px; border-radius: 50%; } .vy-author strong { display: block; font-family: 'Playfair Display', serif; color: var(--forest-dark); } .vy-author span { font-size: 0.85rem; color: var(--text-mut); } .form-zone { background: var(--bg-alt); padding: 6rem 2rem; margin-top: 5rem; } .form-zone-inner { max-width: 700px; margin: 0 auto; background: #fff; padding: 4rem; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .form-zone-inner p { margin-bottom: 2.5rem; color: var(--text-mut); } .vy-form { display: flex; flex-direction: column; gap: 1.5rem; } .vy-input-group { display: flex; flex-direction: column; gap: 0.5rem; } .vy-input-group label { font-size: 0.9rem; font-weight: 600; color: var(--forest-dark); } .vy-input-group input, .vy-input-group textarea { padding: 0.8rem; border: 1px solid #ccc; font-family: 'Lora', serif; background: var(--bg-main); transition: border-color 0.3s; } .vy-input-group input:focus, .vy-input-group textarea:focus { outline: none; border-color: var(--forest-base); } .vy-foot { background: var(--forest-dark); color: #fff; padding: 4rem 2rem 2rem; margin-top: auto; } .vy-foot-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; border-bottom: 1px solid var(--forest-light); padding-bottom: 3rem; margin-bottom: 2rem; } .vy-foot-col h4 { color: var(--sage); margin-bottom: 1rem; font-size: 1.2rem; } .vy-foot-col p, .vy-foot-col a { color: #ccc; font-size: 0.9rem; margin-bottom: 0.5rem; } .vy-foot-col a:hover { color: #fff; } .vy-foot-bottom { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; font-size: 0.85rem; color: #888; flex-wrap: wrap; gap: 1rem; } .vy-micro-disclaimer { font-style: italic; } @media (max-width: 900px) { .vinyard-hero-grid, .agri-story-sect, .meth-card-grid, .feedback-grid { grid-template-columns: 1fr; } .vy-offset-card { transform: none; } .meth-card-heavy { grid-row: auto; } .vy-navigation { display: none; } .vinyard-hero-content { padding: 4rem 2rem; } .vy-hero-title { font-size: 2.8rem; } } @media (max-width: 600px) { .vy-hero-actions { flex-direction: column; } .form-zone-inner { padding: 2rem; } }