.info-hero { padding-bottom: 74px; }
.info-hero .page-title { max-width: 820px; }
.info-hero .page-intro { max-width: 610px; }
.about-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 64px; align-items: start; }
.about-copy h2, .contact-heading h2 { margin: 0 0 17px; font-family: Fraunces, Georgia, serif; font-size: clamp(33px, 4vw, 48px); font-weight: 400; letter-spacing: -.06em; line-height: 1.02; }
.about-copy p { max-width: 590px; margin: 0 0 15px; color: var(--muted); font-size: 13px; line-height: 1.82; }
.founder-story { padding: 30px; border-radius: 24px; background: var(--deep); color: #fff; box-shadow: 0 16px 35px rgba(12, 53, 31, .15); }
.founder-story__eyebrow { margin: 0 0 14px; color: #c4efcc; font-size: 9px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.founder-story h3 { margin: 0 0 16px; font-family: Fraunces, Georgia, serif; font-size: 31px; font-weight: 400; letter-spacing: -.05em; line-height: 1.04; }
.founder-story p { margin: 0; color: rgba(255, 255, 255, .78); font-size: 12px; line-height: 1.8; }
.values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 66px; }
.value-card { min-height: 175px; padding: 21px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.value-card span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 30px; border-radius: 12px; background: #e9f8ed; color: var(--green-deep); font-size: 16px; }
.value-card h3 { margin: 0 0 7px; font-family: Fraunces, Georgia, serif; font-size: 22px; font-weight: 400; letter-spacing: -.04em; }
.value-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.contact-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 24px; align-items: start; }
.contact-details, .inquiry-card { border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 13px 30px rgba(25, 61, 35, .06); }
.contact-details { padding: 27px; }
.contact-details__intro { margin: 0 0 25px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.contact-method { display: flex; align-items: flex-start; gap: 12px; padding: 15px 0; border-top: 1px solid var(--line); }
.contact-method__icon { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 11px; background: #e9f8ed; background-position: center; background-repeat: no-repeat; background-size: 16px; color: var(--green-deep); font-size: 0; }
.contact-method:nth-of-type(1) .contact-method__icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308743c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.64a2 2 0 0 1-.45 2.11L8.01 9.74a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.86.29 1.74.5 2.64.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E"); }
.contact-method:nth-of-type(2) .contact-method__icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308743c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.contact-method:nth-of-type(3) .contact-method__icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308743c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.1 8.1 0 0 1-8.4 8 9 9 0 0 1-3.7-.8L3 20l1.3-5.2A8.1 8.1 0 0 1 3 10.5a8.1 8.1 0 0 1 8.4-8 8.1 8.1 0 0 1 8.4 9Z'/%3E%3Cpath d='M9 8.5c.8 2.2 2.1 3.5 4.3 4.3l1.1-1.1 1.7.6c.3.1.4.4.3.7l-.4 1c-.1.3-.4.5-.7.5-3.9-.2-6.6-2.9-6.8-6.8 0-.3.2-.6.5-.7l1-.4c.3-.1.6 0 .7.3l.6 1.7L9 8.5Z'/%3E%3C/svg%3E"); }
.contact-method:nth-of-type(4) .contact-method__icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308743c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.8' fill='%2308743c' stroke='none'/%3E%3C/svg%3E"); }
.contact-method strong, .contact-method a, .contact-method span { display: block; }
.contact-method strong { margin-bottom: 4px; font-size: 11px; }
.contact-method a, .contact-method span { color: #49614f; font-size: 10px; line-height: 1.65; }
.contact-method a:hover { color: var(--green-deep); text-decoration: underline; }
.inquiry-card { padding: 27px; }
.inquiry-card h2 { margin: 0 0 8px; font-family: Fraunces, Georgia, serif; font-size: 32px; font-weight: 400; letter-spacing: -.05em; }
.inquiry-card > p { margin: 0 0 22px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.inquiry-form { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.inquiry-form label { display: block; }
.inquiry-form label.full { grid-column: 1 / -1; }
.inquiry-form label span { display: block; margin-bottom: 7px; color: #52665a; font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.inquiry-form input, .inquiry-form select, .inquiry-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 13px; padding: 12px; background: #fbfcfa; color: var(--ink); font: inherit; font-size: 11px; outline-color: var(--green); }
.inquiry-form textarea { min-height: 112px; resize: vertical; }
.inquiry-form button { grid-column: 1 / -1; min-height: 48px; border: 0; border-radius: 999px; background: var(--green); color: #fff; font-size: 11px; font-weight: 600; box-shadow: 0 10px 20px rgba(0, 166, 81, .2); }
.inquiry-form button:hover { background: #008f46; }
.inquiry-confirmation { display: none; grid-column: 1 / -1; margin: 0; padding: 12px 14px; border-radius: 13px; background: #e9f8ed; color: #176438; font-size: 11px; line-height: 1.6; }
.inquiry-confirmation.is-visible { display: block; }
@media (max-width: 800px) { .about-layout, .contact-layout { grid-template-columns: 1fr; gap: 28px; }.values { grid-template-columns: 1fr 1fr; margin-top: 43px; } }
@media (max-width: 540px) { .info-hero { padding-bottom: 50px; }.founder-story, .contact-details, .inquiry-card { padding: 23px; }.values { grid-template-columns: 1fr; gap: 11px; }.value-card { min-height: 0; }.value-card span { margin-bottom: 20px; }.inquiry-form { grid-template-columns: 1fr; }.inquiry-form label.full, .inquiry-form button { grid-column: auto; } }
