```html .rmo-info { --black: #111111; --gray: #666666; --light-gray: #f5f5f5; --border: #e5e5e5; --white: #ffffff; background: var(--white); color: var(--black); font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.7; font-size: 15px; } .rmo-info * { box-sizing: border-box; } .rmo-info .container { max-width: 1100px; margin: 0 auto; padding: 70px 24px 90px; } /* Header */ .rmo-info .page-header { max-width: 820px; margin: 0 auto 55px; text-align: center; } .rmo-info .page-header h1 { margin: 0 0 20px; font-size: 42px; line-height: 1.2; font-weight: 600; letter-spacing: -1.2px; } .rmo-info .page-header p { margin: 0; color: var(--gray); font-size: 16px; line-height: 1.8; } /* Business Name */ .rmo-info .business-name { padding: 30px 0; border-top: 1px solid var(--black); border-bottom: 1px solid var(--border); text-align: center; margin-bottom: 60px; } .rmo-info .business-name span { display: block; margin-bottom: 7px; color: var(--gray); font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; } .rmo-info .business-name strong { font-size: 25px; font-weight: 600; letter-spacing: 0.5px; } /* Information Sections */ .rmo-info .info-section { display: grid; grid-template-columns: 280px 1fr; gap: 60px; padding: 45px 0; border-bottom: 1px solid var(--border); } .rmo-info .info-section h2 { margin: 0; font-size: 21px; line-height: 1.4; font-weight: 600; letter-spacing: -0.3px; } .rmo-info .info-content { color: var(--gray); } .rmo-info .info-row { padding: 0 0 24px; margin-bottom: 24px; border-bottom: 1px solid var(--border); } .rmo-info .info-row:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .rmo-info .label { display: block; margin-bottom: 5px; color: var(--black); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .rmo-info .value { font-size: 15px; line-height: 1.8; } .rmo-info .value a { color: var(--black); text-decoration: none; border-bottom: 1px solid #bbb; transition: border-color 0.2s ease; } .rmo-info .value a:hover { border-color: var(--black); } /* Address Box */ .rmo-info .address-box { padding: 28px 30px; background: var(--light-gray); color: var(--gray); line-height: 1.8; } .rmo-info .address-box strong { display: block; margin-bottom: 5px; color: var(--black); font-weight: 600; } /* Contact */ .rmo-info .contact-box { margin-top: 70px; padding: 45px; background: var(--black); color: var(--white); text-align: center; } .rmo-info .contact-box h2 { margin: 0 0 12px; color: var(--white); font-size: 25px; font-weight: 600; } .rmo-info .contact-box p { margin: 0 0 18px; color: #cccccc; } .rmo-info .contact-box a { color: var(--white); font-size: 18px; font-weight: 600; text-decoration: none; border-bottom: 1px solid #777; padding-bottom: 3px; } .rmo-info .contact-box a:hover { border-color: var(--white); } /* Mobile */ @media screen and (max-width: 749px) { .rmo-info .container { padding: 45px 18px 60px; } .rmo-info .page-header { margin-bottom: 40px; } .rmo-info .page-header h1 { font-size: 32px; letter-spacing: -0.8px; } .rmo-info .page-header p { font-size: 14px; } .rmo-info .business-name { margin-bottom: 45px; padding: 25px 0; } .rmo-info .business-name strong { font-size: 22px; } .rmo-info .info-section { display: block; padding: 35px 0; } .rmo-info .info-section h2 { margin-bottom: 25px; font-size: 19px; } .rmo-info .contact-box { margin-top: 45px; padding: 35px 20px; } } ```