Legal notice

/* ========================================================= MOOMOOQIU — LEGAL NOTICE Warm Editorial / Minimal Legal Page ========================================================= */ .mmq-legal-notice, .mmq-legal-notice * { box-sizing: border-box; } .mmq-legal-notice { width: 100%; background: #f8f7f4; color: #242321; font-family: inherit; } .mmq-legal-notice__inner { width: min(860px, calc(100% - 48px)); margin: 0 auto; padding: 64px 0 88px; } /* ========================================================= HEADER ========================================================= */ .mmq-legal-notice__eyebrow { margin: 0 0 12px; font-size: 10px; line-height: 1; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: #918b84; } .mmq-legal-notice h1 { margin: 0 0 18px; font-family: inherit; font-size: clamp(34px, 5vw, 46px); line-height: 1.08; font-weight: 400; letter-spacing: -.03em; color: #22211f; } .mmq-legal-notice__intro { max-width: 680px; margin: 0 0 14px; font-size: 14px; line-height: 1.75; color: #716c66; } .mmq-legal-notice__updated { margin: 0 0 46px; font-size: 10px; line-height: 1.5; letter-spacing: .03em; color: #a19a92; } /* ========================================================= QUICK INFO ========================================================= */ .mmq-legal-notice__summary { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 52px; border-top: 1px solid #dedad3; border-bottom: 1px solid #dedad3; } .mmq-legal-notice__stat { padding: 22px 18px; } .mmq-legal-notice__stat:first-child { padding-left: 0; } .mmq-legal-notice__stat + .mmq-legal-notice__stat { border-left: 1px solid #dedad3; } .mmq-legal-notice__stat-label { margin: 0 0 8px; font-size: 9px; line-height: 1.2; font-weight: 500; letter-spacing: .09em; text-transform: uppercase; color: #99928a; } .mmq-legal-notice__stat-value { margin: 0; font-size: 13px; line-height: 1.5; font-weight: 500; color: #302d29; } /* ========================================================= SECTIONS ========================================================= */ .mmq-legal-notice__section { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #e4e0d9; } .mmq-legal-notice__section:last-of-type { margin-bottom: 0; } .mmq-legal-notice__number { display: block; margin: 0 0 8px; font-size: 9px; line-height: 1; font-weight: 500; letter-spacing: .1em; color: #aaa39b; } .mmq-legal-notice h2 { margin: 0 0 15px; font-family: inherit; font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: -.01em; color: #292724; } .mmq-legal-notice p { margin: 0 0 14px; font-size: 13.5px; line-height: 1.78; font-weight: 400; color: #625e59; } .mmq-legal-notice p:last-child { margin-bottom: 0; } .mmq-legal-notice strong { font-weight: 500; color: #292724; } .mmq-legal-notice ul { margin: 15px 0; padding: 0 0 0 20px; } .mmq-legal-notice li { margin: 0 0 8px; padding-left: 2px; font-size: 13.5px; line-height: 1.7; color: #625e59; } /* ========================================================= NOTE ========================================================= */ .mmq-legal-notice__note { margin-top: 18px; padding: 18px 20px; background: #f1eee8; } .mmq-legal-notice__note p { margin: 0; font-size: 12.5px; line-height: 1.7; } /* ========================================================= CONTACT ========================================================= */ .mmq-legal-notice__contact { margin-top: 48px; padding: 28px; background: #f1eee8; } .mmq-legal-notice__contact-label { margin: 0 0 9px; font-size: 9px; line-height: 1; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #99928a; } .mmq-legal-notice__contact-title { margin: 0 0 20px; font-size: 15px; line-height: 1.4; font-weight: 500; color: #292724; } .mmq-legal-notice__contact-row { display: grid; grid-template-columns: 160px 1fr; gap: 18px; padding: 11px 0; border-bottom: 1px solid #ded9d1; } .mmq-legal-notice__contact-row:last-child { border-bottom: 0; } .mmq-legal-notice__contact-key { font-size: 10px; line-height: 1.5; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: #99928a; } .mmq-legal-notice__contact-value { font-size: 13px; line-height: 1.65; color: #4f4b46; } .mmq-legal-notice a { color: #292724; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: #bdb7af; } .mmq-legal-notice a:hover { text-decoration-color: #292724; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 749px) { .mmq-legal-notice__inner { width: calc(100% - 40px); padding: 44px 0 62px; } .mmq-legal-notice h1 { font-size: 34px; } .mmq-legal-notice__intro { font-size: 13px; } .mmq-legal-notice__updated { margin-bottom: 34px; } .mmq-legal-notice__summary { grid-template-columns: 1fr; margin-bottom: 40px; } .mmq-legal-notice__stat { padding: 16px 0; } .mmq-legal-notice__stat + .mmq-legal-notice__stat { border-left: 0; border-top: 1px solid #dedad3; } .mmq-legal-notice__section { margin-bottom: 26px; padding-bottom: 26px; } .mmq-legal-notice h2 { font-size: 17px; } .mmq-legal-notice p, .mmq-legal-notice li { font-size: 13px; } .mmq-legal-notice__contact { padding: 22px 20px; } .mmq-legal-notice__contact-row { grid-template-columns: 1fr; gap: 5px; } }