.xonik-company .company-sec { padding: 78px 0; } .xonik-company .company-sec--dense { padding: 62px 0; } .xonik-company .company-sec--ink { padding: 104px 0; } .xonik-company .mech-cols, .xonik-company .hcols, .xonik-company .sector-grid { margin-top: 30px; } .xonik-company section + section { border-top: 1px solid var(--line); } .xonik-company section.band + section:not(.band), .xonik-company section:not(.band) + section.band, .xonik-company section.inkbg + section, .xonik-company section + section.inkbg { border-top: 0; } .xonik-s26 .s-i--end { align-self: end; } .xonik-company .sector-grid { grid-column: 1/13; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); } .xonik-company .sector-cell { padding: 28px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); } .xonik-company .sector-cell h3 { font-size: 16px; margin: 0 0 8px; } .xonik-company .sector-cell p { font-size: 13.5px; color: var(--fg-2); margin: 0; max-width: none; } .xonik-company .sector-cell:nth-child(4n) { border-right: 0; } .xonik-company .sector-cell:nth-child(n+5) { border-bottom: 0; } @media (max-width: 1000px) { .xonik-company .sector-grid { grid-template-columns: repeat(2, 1fr); } .xonik-company .sector-cell:nth-child(4n) { border-right: 1px solid var(--line); } .xonik-company .sector-cell:nth-child(2n) { border-right: 0; } .xonik-company .sector-cell:nth-child(n+5) { border-bottom: 1px solid var(--line); } .xonik-company .sector-cell:nth-child(n+7) { border-bottom: 0; } } @media (max-width: 600px) { .xonik-company .sector-grid { grid-template-columns: 1fr; border-left: 0; } .xonik-company .sector-cell { border-right: 0 !important; padding: 22px 0; } .xonik-company .sector-cell:nth-child(n+5) { border-bottom: 1px solid var(--line); } .xonik-company .sector-cell:last-child { border-bottom: 0; } } .xonik-company .lead-name { font-family: var(--serif); font-size: 24px; margin: 0 0 4px; } .xonik-company .lead-role { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--fg-3); margin: 0 0 22px; } .xonik-company .lead-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); } .xonik-company .lead-links a { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); } .xonik-company .hcols--2 .prose p { margin: 0 0 16px; max-width: none; } .xonik-company .hcols--2 .prose p:last-child { margin-bottom: 0; } .xonik-company .record-row { grid-column: 1/13; display: grid; grid-template-columns: minmax(140px, 200px) minmax(0, 1fr); gap: 0 30px; padding: 26px 0; border-top: 1px solid var(--line); align-items: baseline; } .xonik-company .record-row > * { min-width: 0; } .xonik-company .record-row .tag { font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); } .xonik-company .record-row p { margin: 0; max-width: 62ch; } @media (max-width: 1000px) { .xonik-company .record-row { grid-template-columns: 1fr; gap: 8px; } } .xonik-company .note-line { grid-column: 1/13; margin: 10px 0 0; font-size: 14px; line-height: 1.6; color: var(--fg-2); max-width: 62ch; } .xonik-company a.elsewhere-row { grid-template-columns: minmax(160px, 250px) minmax(0, 1fr) auto; align-items: center; color: inherit; transition: color .16s; } .xonik-company a.elsewhere-row:hover { color: var(--accent); } .xonik-company a.elsewhere-row .xonik-arrow { transition: transform .16s; } .xonik-company a.elsewhere-row:hover .xonik-arrow { transform: translateX(4px); } @media (max-width: 1000px) { .xonik-company a.elsewhere-row { grid-template-columns: 1fr; gap: 6px; } .xonik-company a.elsewhere-row .xonik-arrow { display: none; } }