Legal notice

.jf-legal { --jf-wine: #431923; --jf-cream: #fef5ea; --jf-text: #483b3c; --jf-border: #e7d6cb; max-width: 900px; margin: 0 auto; color: var(--jf-text); font-family: inherit; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; } .jf-legal * { box-sizing: border-box; } .jf-legal .jf-hero { padding: 36px 24px; margin-bottom: 28px; background: var(--jf-wine); color: var(--jf-cream); text-align: center; border-radius: 4px; } .jf-legal .jf-brand { margin: 0 0 10px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; } .jf-legal .jf-hero h2 { margin: 0 0 12px; color: var(--jf-cream); font-family: Georgia, "Times New Roman", serif; font-size: clamp(30px, 6vw, 44px); font-weight: 400; line-height: 1.25; } .jf-legal .jf-hero p { color: var(--jf-cream); } .jf-legal .jf-hero-copy { max-width: 600px; margin: 0 auto; } .jf-legal section { padding: 24px 0; border-bottom: 1px solid var(--jf-border); } .jf-legal section h2, .jf-legal .jf-contact h2 { margin: 0 0 14px; color: var(--jf-wine); font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: 400; line-height: 1.35; } .jf-legal p { margin: 0 0 14px; } .jf-legal p:last-child { margin-bottom: 0; } .jf-legal a { color: var(--jf-wine); text-decoration: underline; text-underline-offset: 3px; } .jf-legal a:focus-visible { outline: 2px solid var(--jf-wine); outline-offset: 4px; } .jf-legal address { font-style: normal; } .jf-legal .jf-company { padding: 24px; background: var(--jf-cream); border: 1px solid var(--jf-border); border-radius: 4px; } .jf-legal .jf-company-name { color: var(--jf-wine); font-weight: 600; } .jf-legal .jf-note { margin-top: 18px; padding: 18px 20px; background: var(--jf-cream); border-left: 3px solid var(--jf-wine); } .jf-legal .jf-contact { margin-top: 28px; padding: 28px 22px; background: var(--jf-cream); border-radius: 4px; text-align: center; } @media (max-width: 600px) { .jf-legal { font-size: 15px; line-height: 1.75; } .jf-legal .jf-hero { padding: 28px 18px; } .jf-legal section h2, .jf-legal .jf-contact h2 { font-size: 23px; } .jf-legal .jf-company, .jf-legal .jf-note { padding: 18px; } }