/* Content revision 2 — 29 Sep 2026 */

/* Header dropdowns */
.cmr-dd { position: relative; display: flex; align-items: center; }
.cmr-caret { display: inline-block; width: 6px; height: 6px; margin-left: 8px; border-right: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor; transform: translateY(-3px) rotate(45deg); }
.cmr-dd-menu { position: absolute; top: 100%; left: -20px; min-width: 310px; padding: 8px 0; background: #121212; border: 1px solid rgba(242,240,236,0.13); box-shadow: 0 14px 30px rgba(0,0,0,0.45); display: none; z-index: 60; }
.cmr-dd:hover .cmr-dd-menu, .cmr-dd:focus-within .cmr-dd-menu { display: block; }
.cmr-dd-link { display: block; padding: 12px 20px; font-size: 14.5px; font-weight: 300; line-height: 1.35; color: #F2F0EC; transition: color 140ms ease, background-color 140ms ease; }
.cmr-dd-link:hover, .cmr-dd-link:focus-visible { color: #F69321; background: rgba(242,240,236,0.04); }
.cmr-mob-sub:hover { color: #F69321 !important; }

/* Service cards (Home: two feature cards, then a row of three) */
body .cmb-root .cmr-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 18px; }
body .cmb-root .cmr-cards-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 18px; margin-top: 18px; }
body .cmb-root .cmr-card { display: flex; flex-direction: column; background: #131316; border: 1px solid rgba(242,240,236,0.13); padding: clamp(24px, 3vw, 40px); transition: border-color 140ms ease; }
body .cmb-root .cmr-card:hover { border-color: rgba(246,147,33,0.6); }
body .cmb-root .cmr-card .cmr-num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11.5px; font-weight: 500; letter-spacing: 0.16em; color: #F69321; margin: 0 0 18px; }
body .cmb-root .cmr-card .cmr-card-h { margin: 0 0 14px; line-height: 1.08; letter-spacing: -0.015em; text-wrap: balance; }
body .cmb-root .cmr-card-feature .cmr-card-h { font-size: clamp(30px, 3.6vw, 48px); max-width: 22ch; }
body .cmb-root .cmr-card-small .cmr-card-h { font-size: clamp(22px, 2.2vw, 28px); }
body .cmb-root .cmr-card .cmr-card-p { font-size: 16.5px; line-height: 1.7; color: #A2A09A; font-weight: 300; margin: 0; max-width: 70ch; }
body .cmb-root .cmr-card-small .cmr-card-p { font-size: 15px; flex: 1 1 auto; }
body .cmb-root .cmr-card .cmb-dc a { margin-top: 20px !important; }

/* At a glance */
body .cmb-root .cmr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 16px; }
body .cmb-root .cmr-stat { background: #131316; border: 1px solid rgba(246,147,33,0.22); padding: clamp(22px, 2.6vw, 32px); transition: border-color 140ms ease; }
body .cmb-root .cmr-stat:hover { border-color: rgba(246,147,33,0.6); }
body .cmb-root .cmr-stat-num { font-family: 'Instrument Serif', Georgia, serif; font-size: clamp(44px, 5vw, 72px); line-height: 1; color: #F2F0EC; margin: 0 0 12px; font-variant-numeric: tabular-nums; }
body .cmb-root .cmr-stat-label { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: #A2A09A; margin: 0; line-height: 1.6; }

/* Sub-blocks inside a section (Selected work, Part one / Part two) */
body .cmb-root .cmr-sub { margin-top: clamp(36px, 4.4vw, 60px); }
body .cmb-root .cmr-sub:first-child { margin-top: 0; }
body .cmb-root .cmr-subhead { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.1; letter-spacing: -0.015em; margin: 0 0 clamp(18px, 2.2vw, 28px); }
body .cmb-root .cmr-subtext { font-size: 17px; line-height: 1.75; color: #A2A09A; font-weight: 300; margin: 0; max-width: 62ch; }
body .cmb-root .cmr-sub > .wp-block-shortcode > section, body .cmb-root .cmr-sub section { padding-bottom: 0 !important; }
body .cmb-root .cmr-sub section > div { padding-left: 0 !important; padding-right: 0 !important; }
body .cmb-root .cmr-mt { margin-top: clamp(28px, 3.4vw, 44px); }
body .cmb-root .cmr-names { font-size: clamp(19px, 2vw, 24px); line-height: 1.6; color: #F2F0EC; font-weight: 300; margin: 0; max-width: 60ch; text-wrap: pretty; }

/* Our Work filter chips */
.cmr-chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #F2F0EC; border: 1px solid rgba(242,240,236,0.24); transition: border-color 140ms ease, color 140ms ease; }
.cmr-chip:hover, .cmr-chip:focus-visible { border-color: #F69321; color: #F69321; }
.cmr-chip.is-on { background: #F69321; border-color: #F69321; color: #121212; }

/* Home client strip: smaller type under each tile */
.cmr-strip h3 { font-size: 15px !important; margin-top: 12px !important; }

/* Home hero supporting line: centred under the headline */
body .cmb-root .cmb-bea738d .cmb-f41c93f.cmb-f41c93f { margin: clamp(18px, 2vw, 26px) auto 0; max-width: 62ch; text-align: center; text-wrap: pretty; }
