Contact – The Rowan Tree @import url('https://fonts.googleapis.com/css2?family=Spectral+SC:wght@400;600&family=Spectral:ital,wght@0,300;0,400;1,300;1,400&display=swap'); :root { --green: #98D2B3; --green-light: #DAF1E5; --green-dark: #5a9e80; --ink: #2c2c2c; --ink-soft: #5a5a5a; --rule: #c8e6d8; --bg: #fafcfb; --white: #ffffff; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Spectral', Georgia, serif; font-weight: 300; font-size: 17px; line-height: 1.8; color: var(--ink); background: var(--bg); padding: 60px 24px 80px; } .page { max-width: 740px; margin: 0 auto; } .header { text-align: center; padding-bottom: 40px; border-bottom: 1px solid var(--rule); margin-bottom: 48px; } .shop-name { font-family: 'Spectral SC', serif; font-size: 13px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--green-dark); margin-bottom: 16px; } h1 { font-family: 'Spectral SC', serif; font-size: clamp(26px, 5vw, 38px); font-weight: 400; color: var(--ink); line-height: 1.25; margin-bottom: 12px; } .intro { background: var(--green-light); border-left: 3px solid var(--green); padding: 20px 24px; border-radius: 0 6px 6px 0; margin-bottom: 48px; font-size: 16px; line-height: 1.75; color: var(--ink); } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; } @media (max-width: 540px) { .contact-grid { grid-template-columns: 1fr; } } .contact-card { background: var(--white); border: 1px solid var(--rule); border-radius: 8px; padding: 24px 26px; } .contact-card .label { font-family: 'Spectral SC', serif; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--green-dark); margin-bottom: 8px; } .contact-card .value { font-size: 17px; color: var(--ink); line-height: 1.5; } .contact-card a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--green); } .contact-card a:hover { color: var(--green-dark); } .contact-card.full-width { grid-column: 1 / -1; } .vat-row { border-top: 1px solid var(--rule); padding-top: 28px; display: flex; align-items: baseline; gap: 16px; } .vat-row .label { font-family: 'Spectral SC', serif; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--green-dark); white-space: nowrap; } .vat-row .value { font-size: 16px; color: var(--ink-soft); font-style: italic; } .footer { text-align: center; margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--rule); font-size: 13px; color: var(--ink-soft); font-style: italic; }