Decorative Objects

关于

.ia-objects, .ia-objects * { box-sizing: border-box; } .ia-objects { width: 100%; } .ia-objects a { text-underline-offset: 3px; } .ia-objects h2, .ia-objects h3 { margin-top: 0; } .ia-objects p { line-height: 1.7; } /* ---------- BREADCRUMBS ---------- */ .ia-objects__breadcrumbs { max-width: 1160px; margin: 0 auto 16px; line-height: 1.5; } .ia-objects__breadcrumbs a { text-decoration: none; } .ia-objects__breadcrumbs a:hover, .ia-objects__breadcrumbs a:focus { text-decoration: underline; } .ia-objects__breadcrumb-separator { display: inline-block; padding: 0 5px; } /* ---------- SECTIONS ---------- */ .ia-objects__section { clear: both; max-width: 1160px; margin: 0 auto; padding: 38px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.11); } .ia-objects__breadcrumbs + .ia-objects__section { padding-top: 8px; padding-bottom: 14px; } .ia-objects__section:last-child { border-bottom: 0; } .ia-objects__eyebrow { margin: 0 0 8px; font-size: 0.76em; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; } .ia-objects__heading { max-width: 900px; margin: 0 auto 24px; text-align: center; } .ia-objects__heading p:last-child { margin-bottom: 0; } /* ---------- COMPACT BANNER ---------- */ .ia-objects__intro { display: grid; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.14); background: #f7f3ec; grid-template-columns: minmax(190px, 0.28fr) minmax(0, 0.72fr); } .ia-objects__intro-image { min-height: 178px; overflow: hidden; background: #eee8df; } .ia-objects__intro-image img { display: block; width: 100%; height: 100%; min-height: 178px; object-fit: cover; object-position: center; } .ia-objects__intro-copy { display: flex; flex-direction: column; justify-content: center; padding: 13px 22px; } .ia-objects__intro-copy h2 { margin-bottom: 10px; line-height: 1.18; } .ia-objects__intro-copy p { margin-top: 0; margin-bottom: 7px; line-height: 1.55; } .ia-objects__intro-copy p:last-of-type { margin-bottom: 0; } /* ---------- BUTTONS ---------- */ .ia-objects__buttons { di

页面 SEO