/* ========================================================= BASE ========================================================== */ .vay-policy, .vay-policy * { box-sizing: border-box; } .vay-policy { width: 100%; padding: 88px 24px 100px; background: #FBF7F2; color: #4B3B36; font-family: inherit; } .vay-policy__inner { width: min(100%, 900px); margin: 0 auto; } /* ========================================================= HEADER ========================================================== */ .vay-policy__header { width: min(100%, 720px); margin: 0 auto 58px; text-align: center; } .vay-policy__eyebrow { display: block; margin-bottom: 12px; color: #7B5B61; font-size: 11px; font-weight: 700; letter-spacing: .06em; line-height: 1.4; } .vay-policy__header h1 { margin: 0; color: #4B3B36; font-size: clamp(38px, 4.5vw, 56px); font-weight: 500; line-height: 1.1; letter-spacing: -.025em; } /* ========================================================= CONTENT ========================================================== */ .vay-policy__content { width: 100%; border-top: 1px solid #DCCBC4; } /* ========================================================= SECTION ========================================================== */ .vay-policy__section { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 20px; padding: 34px 0; border-bottom: 1px solid #E1D4CE; } /* NUMBER */ .vay-policy__number { padding-top: 5px; color: #B39890; font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: .08em; } /* BODY */ .vay-policy__section-body { min-width: 0; } .vay-policy__section-body h2 { margin: 0 0 13px; color: #4B3B36; font-size: 21px; font-weight: 600; line-height: 1.4; } .vay-policy__section-body p { margin: 0; color: #685650; font-size: 15px; font-weight: 400; line-height: 1.85; } .vay-policy__section-body p + p { margin-top: 12px; } .vay-policy__section-body strong { color: #4B3B36; font-weight: 650; } /* ========================================================= LISTS ========================================================== */ .vay-policy__section-body ul { margin: 15px 0 0; padding: 0; list-style: none; } .vay-policy__section-body li { position: relative; margin-top: 8px; padding-right: 17px; color: #685650; font-size: 14.5px; font-weight: 400; line-height: 1.65; } .vay-policy__section-body li::before { content: ""; position: absolute; top: .72em; right: 0; width: 5px; height: 5px; border-radius: 50%; background: #B99C94; } /* ========================================================= EMAIL ========================================================== */ .vay-policy__email { display: inline-flex; margin: 13px 0 16px; padding: 10px 15px; background: #F3EAE5; border-radius: 999px; color: #7B5B61; font-size: 13px; font-weight: 650; line-height: 1.3; text-decoration: none; } .vay-policy__email:hover { text-decoration: underline; text-underline-offset: 3px; } /* ========================================================= CONTACT CLOSE ========================================================== */ .vay-policy__contact { width: min(100%, 620px); margin: 58px auto 0; padding: 34px 30px; background: #F3EAE5; border-radius: 18px; text-align: center; } .vay-policy__contact-eyebrow { display: block; color: #8B7770; font-size: 12px; font-weight: 400; line-height: 1.4; } .vay-policy__contact > strong { display: block; margin-top: 4px; color: #4B3B36; font-size: 24px; font-weight: 550; line-height: 1.35; } .vay-policy__contact p { margin: 13px 0 0; color: #6F5D57; font-size: 13px; line-height: 1.6; } .vay-policy__contact a { display: inline-block; margin-top: 7px; color: #7B5B61; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= MOBILE ========================================================== */ @media (max-width: 749px) { .vay-policy { padding: 58px 18px 70px; } .vay-policy__header { margin-bottom: 38px; text-align: right; } .vay-policy__eyebrow { margin-bottom: 9px; font-size: 10px; } .vay-policy__header h1 { font-size: 34px; line-height: 1.12; } .vay-policy__section { grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 27px 0; } .vay-policy__number { padding-top: 4px; font-size: 8.5px; } .vay-policy__section-body h2 { margin-bottom: 10px; font-size: 18px; } .vay-policy__section-body p { font-size: 13.5px; line-height: 1.78; } .vay-policy__section-body li { padding-right: 15px; font-size: 13px; line-height: 1.65; } .vay-policy__email { margin-top: 11px; padding: 9px 12px; font-size: 11.5px; } .vay-policy__contact { margin-top: 42px; padding: 27px 18px; border-radius: 15px; } .vay-policy__contact > strong { font-size: 21px; } } /* ========================================================= SMALL MOBILE ========================================================== */ @media (max-width: 370px) { .vay-policy { padding-left: 14px; padding-right: 14px; } .vay-policy__header h1 { font-size: 31px; } }