*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--header-h); scrollbar-gutter: stable; }
body {
margin: 0;
background: var(--ivory);
color: #000;
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
font-size: 1rem;
line-height: 1.6;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
img { max-width: 100%; display: block; height: auto; -webkit-user-drag: none; user-drag: none; -webkit-user-select: none; user-select: none; }
main img { border-radius: var(--radius-soft); }
.hero img,
.hero__bg img,
.page-hero img,
.contact-hero img { border-radius: var(--radius); }
a { color: inherit; text-decoration: none; transition: color var(--t-fast), opacity var(--t-fast); }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 3px;
}
.section.section--navy :focus-visible,
.site-header :focus-visible,
.mobile-menu :focus-visible,
.site-footer :focus-visible,
.hero :focus-visible,
.page-hero :focus-visible {
outline-color: var(--accent-light);
}
.skip-link {
position: absolute;
left: 8px;
top: -40px;
z-index: 200;
background: var(--navy);
color: var(--white);
padding: 10px 16px;
font-family: var(--sans);
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
transition: top .2s ease;
}
.skip-link:focus { top: 8px; outline: 2px solid var(--champagne-light); outline-offset: 2px; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
:root {
--navy: #0a1a2f;
--navy-deep: #061324;
--navy-soft: #14304f;
--ivory: #efe7d5;
--ivory-warm: var(--ivory);
--bone: #f5ecd9;
--taupe: #a8988f;
--taupe-deep: #6f6259;
--accent: var(--navy);
--accent-light: var(--white);
--accent-ink: var(--navy);
--accent-rule: rgba(255, 255, 255, 0.30);
--champagne: var(--accent);
--champagne-light: var(--accent-light);
--champagne-ink: var(--accent-ink);
--champagne-rule: var(--accent-rule);
--rule: #ffffff;
--rule-ivory: var(--rule);
--mute: #595959;
--white: #ffffff;
--accent-metallic: #e6e0d0;
--bg-light-top: #f5f0e8;
--bg-light-bottom: #fdfbf8;
--on-dark-1: rgba(255, 255, 255, 1);
--on-dark-75: rgba(255, 255, 255, 0.75);
--on-dark-50: rgba(255, 255, 255, 0.5);
--display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
--sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
--max: 1400px;
--gutter: clamp(20px, 4vw, 56px);
--radius: 0;
--radius-soft: 6px;
--header-h: 84px;
--space-section: clamp(72px, 8.5vw, 140px);
--space-section-sm: clamp(48px, 5.5vw, 88px);
--space-block: clamp(40px, 5vw, 80px);
--t-fast: .25s ease;
--t-med: .45s ease;
--t-slow: .8s cubic-bezier(.2,.7,.2,1);
--t-reveal: 1.2s cubic-bezier(.2,.7,.2,1);
--t-cinematic: 1.6s cubic-bezier(.16,.84,.24,1);
--ease-out: cubic-bezier(.2,.7,.2,1);
}
.eyebrow {
font-family: var(--sans);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #000;
display: inline-flex;
align-items: center;
gap: 14px;
}
.eyebrow--stack { display: inline-flex; margin-bottom: 20px; }
.eyebrow--stack-tight { display: inline-flex; margin-bottom: 24px; }
h1, h2, h3, h4 {
font-family: var(--display);
font-weight: 400;
letter-spacing: -0.015em;
line-height: 1.05;
margin: 0;
color: #000;
}
.display-xl { font-size: clamp(48px, 7vw, 120px); line-height: .98; letter-spacing: -0.025em; text-wrap: balance; }
.display-lg { font-size: clamp(44px, 6vw, 96px); line-height: 1.02; letter-spacing: -0.02em; text-wrap: balance; }
.display-md { font-size: clamp(32px, 4.2vw, 68px); line-height: 1.08; text-wrap: balance; }
.display-sm { font-size: clamp(24px, 2.8vw, 40px); line-height: 1.15; }
.lede {
font-family: var(--display);
font-weight: 500;
font-size: clamp(20px, 2vw, 28px);
line-height: 1.6;
color: #000;
letter-spacing: -0.005em;
}
.lede--prose {
font-family: var(--display);
font-weight: 400;
font-style: normal;
font-size: clamp(22px, 2.2vw, 30px);
line-height: 1.5;
color: #000;
letter-spacing: -0.01em;
text-wrap: balance;
}
.body-lg { font-size: clamp(1rem, 1.1vw, 1.125rem); line-height: 1.6; color: #000; }
.body { font-size: 1rem; line-height: 1.65; color: #000; }
.body-sm { font-size: 0.875rem; line-height: 1.6; color: #000; }
.serif { font-family: var(--display); }
.label {
font-family: var(--sans);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #000;
}
.legal-page .eyebrow,
.legal-page .label {
font-size: 11px;
}
.container { max-width: var(--max); margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.container-narrow { max-width: 960px; margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.section { position: relative; padding-top: var(--space-section); padding-bottom: var(--space-section); }
.section-sm { position: relative; padding-top: var(--space-section-sm); padding-bottom: var(--space-section-sm); }
.dark { background: var(--navy); color: var(--white); }
.dark h1, .dark h2, .dark h3, .dark h4 { color: var(--white); }
.dark .body, .dark .body-lg, .dark .lede { color: var(--white); }
.dark .label { color: var(--white); }
.dark .eyebrow { color: var(--champagne-light); }
.dark .eyebrow::before { background: rgba(255, 255, 255, 0.55); }
.ivory-warm { background: var(--ivory-warm); }
.rule { height: 1px; background: var(--rule); border: 0; margin: 0; }
.dark .rule { background: var(--rule-ivory); }
main :nth-child(odd of .section, .section-sm) {
background: var(--ivory);
}
main :nth-child(even of .section, .section-sm) {
background: var(--navy);
color: var(--white);
}
main :nth-child(even of .section, .section-sm) h1,
main :nth-child(even of .section, .section-sm) h2,
main :nth-child(even of .section, .section-sm) h3,
main :nth-child(even of .section, .section-sm) h4,
main :nth-child(even of .section, .section-sm) p,
main :nth-child(even of .section, .section-sm) .body,
main :nth-child(even of .section, .section-sm) .body-lg,
main :nth-child(even of .section, .section-sm) .lede,
main :nth-child(even of .section, .section-sm) .lede--prose,
main :nth-child(even of .section, .section-sm) .label,
main :nth-child(even of .section, .section-sm) li,
main :nth-child(even of .section, .section-sm) dt,
main :nth-child(even of .section, .section-sm) dd,
main :nth-child(even of .section, .section-sm) .eyebrow,
main :nth-child(even of .section, .section-sm) .num,
main :nth-child(even of .section, .section-sm) .stat__num,
main :nth-child(even of .section, .section-sm) .stat__num sup,
main :nth-child(even of .section, .section-sm) .stat__label {
color: var(--white);
}
main :nth-child(even of .section, .section-sm) .eyebrow::before {
background: rgba(255, 255, 255, 0.55);
}
main :nth-child(even of .section, .section-sm) .stats {
border-top-color: var(--rule-ivory);
border-bottom-color: var(--rule-ivory);
}
main :nth-child(even of .section, .section-sm) .stat {
border-right-color: var(--rule-ivory);
}
main :nth-child(even of .section, .section-sm) .stat:nth-child(-n+2) {
border-bottom-color: var(--rule-ivory);
}
main :nth-child(even of .section, .section-sm) .section-head {
border-bottom-color: var(--rule-ivory);
}
main :nth-child(even of .section, .section-sm) .section-head .num {
color: var(--white);
}
.section.section--navy {
background: var(--navy) !important;
}
.section.section--navy,
.section.section--navy h1,
.section.section--navy h2,
.section.section--navy h3,
.section.section--navy h4,
.section.section--navy p,
.section.section--navy .body,
.section.section--navy .body-lg,
.section.section--navy .lede,
.section.section--navy .lede--prose,
.section.section--navy .label,
.section.section--navy li,
.section.section--navy dt,
.section.section--navy dd,
.section.section--navy .eyebrow,
.section.section--navy .num {
color: var(--white) !important;
}
.section.section--navy .eyebrow::before {
background: rgba(255, 255, 255, 0.55) !important;
}
.section.section--navy .timeline.timeline--compact .timeline__step,
.section.section--navy .timeline.timeline--compact .timeline__step * {
color: var(--white) !important;
}
.section.section--navy .timeline.timeline--compact .timeline__step .num {
color: rgba(255, 255, 255, 0.55) !important;
}
.section.section--navy .timeline.timeline--compact .timeline__step {
border-bottom-color: rgba(255, 255, 255, 0.14) !important;
}
.section.section--creme {
background: var(--ivory) !important;
}
.section.section--creme,
.section.section--creme h1,
.section.section--creme h2,
.section.section--creme h3,
.section.section--creme h4,
.section.section--creme p,
.section.section--creme .body,
.section.section--creme .body-lg,
.section.section--creme .lede,
.section.section--creme .lede--prose,
.section.section--creme .label,
.section.section--creme li,
.section.section--creme dt,
.section.section--creme dd,
.section.section--creme .eyebrow,
.section.section--creme .num,
.section.section--creme .timeline.timeline--compact .timeline__step,
.section.section--creme .timeline.timeline--compact .timeline__step * {
color: #000 !important;
}
.section.section--creme .timeline.timeline--compact .timeline__step {
border-bottom-color: rgba(0, 0, 0, 0.14) !important;
}
.section.section--creme .eyebrow::before {
background: var(--champagne) !important;
}
.section.section--navy .section-head {
border-bottom-color: var(--rule-ivory) !important;
}
.section.section--navy .section-head .num {
color: var(--white) !important;
}
.section.section--navy .tenets,
.section.section--navy .timeline,
.section.section--navy .process,
.section.section--navy .mandate-grid,
.section.section--navy .scenarios-grid,
.section.section--navy .contact-process ol {
background: var(--rule-ivory) !important;
}
.section.section--navy .contact-process ol {
border-top-color: var(--rule-ivory) !important;
border-bottom-color: var(--rule-ivory) !important;
}
.section.section--navy .insights-grid .service {
border-color: var(--rule-ivory) !important;
}
.section.section--navy .stats {
border-top-color: var(--rule-ivory) !important;
border-bottom-color: var(--rule-ivory) !important;
}
.section.section--navy .stat {
border-right-color: var(--rule-ivory) !important;
}
.section.section--navy .stat:nth-child(-n+2) {
border-bottom-color: var(--rule-ivory) !important;
}
.section.section--navy .pillar-item {
border-left-color: var(--rule-ivory) !important;
}
.section.section--navy .link-inline,
.section.section--navy .link-inline:hover {
color: var(--white) !important;
}
.section.section--creme .section-head {
border-bottom-color: #000 !important;
}
.section.section--creme .section-head .num {
color: #000 !important;
}
.section.section--creme .tenets,
.section.section--creme .timeline,
.section.section--creme .process,
.section.section--creme .mandate-grid,
.section.section--creme .scenarios-grid,
.section.section--creme .contact-process ol {
background: var(--rule) !important;
}
.section.section--creme .contact-process ol {
border-top-color: var(--rule) !important;
border-bottom-color: var(--rule) !important;
}
.section.section--creme .insights-grid .service {
border-color: rgba(10, 26, 47, 0.3) !important;
}
.section.section--creme .stats {
border-top-color: var(--rule) !important;
border-bottom-color: var(--rule) !important;
}
.section.section--creme .stat {
border-right-color: var(--rule) !important;
}
.section.section--creme .stat:nth-child(-n+2) {
border-bottom-color: var(--rule) !important;
}
.section.section--creme .pillar-item {
border-left: 2px solid var(--taupe) !important;
}
.section.section--creme .pillars {
border: 2px solid var(--taupe);
}
.section.section--creme .pillar-item:first-child {
border-left: 0 !important;
padding-left: clamp(24px, 3vw, 44px);
}
.section.section--creme .pillar-item:last-child {
padding-right: clamp(24px, 3vw, 44px);
}
.section.section--navy .service,
.section.section--navy .service *,
.section.section--navy .tenet,
.section.section--navy .tenet *,
.section.section--navy .process__step,
.section.section--navy .process__step *,
.section.section--navy .scenario-card,
.section.section--navy .scenario-card *,
.section.section--navy .mandate-card,
.section.section--navy .mandate-card *,
.section.section--navy .timeline__step,
.section.section--navy .timeline__step *,
.section.section--navy .form.form-card,
.section.section--navy .form.form-card * {
color: #000 !important;
}
.section.section--navy .form.form-card .btn--champagne,
.section.section--navy .form.form-card .btn--champagne * {
color: var(--white) !important;
}
main h2,
main h2.display-xl,
main h2.display-lg,
main h2.display-md,
main h2.display-sm {
font-size: clamp(32px, 4.2vw, 68px);
line-height: 1.08;
letter-spacing: -0.015em;
text-wrap: balance;
}
main :nth-child(even of .section, .section-sm) .link-inline:hover,
main :nth-child(even of .section, .section-sm) .link-inline {
color: var(--white);
}
main :nth-child(even of .section, .section-sm) .tenets,
main :nth-child(even of .section, .section-sm) .timeline,
main :nth-child(even of .section, .section-sm) .process,
main :nth-child(even of .section, .section-sm) .mandate-grid,
main :nth-child(even of .section, .section-sm) .scenarios-grid,
main :nth-child(even of .section, .section-sm) .contact-process ol {
background: var(--rule-ivory);
}
main :nth-child(even of .section, .section-sm) .contact-process ol {
border-top-color: var(--rule-ivory);
border-bottom-color: var(--rule-ivory);
}
main :nth-child(even of .section, .section-sm) .insights-grid .service {
border-color: var(--rule-ivory);
}
main :nth-child(odd of .section, .section-sm),
main :nth-child(odd of .section, .section-sm) h1,
main :nth-child(odd of .section, .section-sm) h2,
main :nth-child(odd of .section, .section-sm) h3,
main :nth-child(odd of .section, .section-sm) h4,
main :nth-child(odd of .section, .section-sm) p,
main :nth-child(odd of .section, .section-sm) .body,
main :nth-child(odd of .section, .section-sm) .body-lg,
main :nth-child(odd of .section, .section-sm) .lede,
main :nth-child(odd of .section, .section-sm) .lede--prose,
main :nth-child(odd of .section, .section-sm) .label,
main :nth-child(odd of .section, .section-sm) li,
main :nth-child(odd of .section, .section-sm) dt,
main :nth-child(odd of .section, .section-sm) dd,
main :nth-child(odd of .section, .section-sm) .eyebrow,
main :nth-child(odd of .section, .section-sm) .num {
color: #000;
}
main :nth-child(odd of .section, .section-sm) .eyebrow::before {
background: var(--champagne);
}
.service, .service *,
.process__step, .process__step *,
.scenario-card, .scenario-card *,
.mandate-card, .mandate-card *,
.tenet, .tenet *,
.timeline__step, .timeline__step *,
.form.form-card, .form.form-card * {
color: #000 !important;
}
.form.form-card .btn--champagne,
.form.form-card .btn--champagne * {
color: var(--white) !important;
}
.topline {
background: var(--navy-deep);
color: var(--white);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
padding: 10px 0;
font-weight: 500;
}
.topline .inner {
display: flex;
justify-content: center;
align-items: center;
gap: 28px;
flex-wrap: wrap;
}
.topline .inner span { white-space: nowrap; }
.topline .inner span + span::before {
content: "";
display: inline-block;
width: 1px;
height: 10px;
background: var(--on-dark-50);
margin-right: 28px;
vertical-align: middle;
}
.site-header {
position: sticky;
top: 0;
z-index: 50;
background: var(--navy-deep);
border-bottom: 1px solid transparent;
color: var(--white);
transition: background var(--t-med), border-color var(--t-med),
backdrop-filter var(--t-med), box-shadow var(--t-med);
}
@media (max-width: 960px) {
.site-header { position: static; }
html { scroll-padding-top: 0; }
}
.site-header.on-dark { background: var(--navy-deep); border-bottom-color: transparent; color: var(--white); }
.site-header.is-scrolled,
.site-header.is-floating,
.site-header.on-dark.is-scrolled,
.site-header.on-dark.is-floating {
background: rgba(6, 19, 36, 0.72);
backdrop-filter: blur(14px) saturate(1.15);
-webkit-backdrop-filter: blur(14px) saturate(1.15);
border-bottom-color: var(--champagne-rule);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.site-header.is-scrolled,
.site-header.is-floating { background: var(--navy-deep); }
}
.site-header .nav__logo img { filter: brightness(0) invert(1); }
.nav {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 32px;
padding: 12px 0;
}
.nav__left, .nav__right {
display: flex;
align-items: center;
gap: 24px;
font-family: var(--sans);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.nav__right { justify-content: flex-end; }
.nav a { position: relative; padding: 6px 0; }
.nav a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: var(--white);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--t-med);
pointer-events: none;
}
.nav a[aria-current="page"]:not([href="/"])::after,
.nav a.active:not([href="/"])::after,
.nav a:hover::after,
.nav a:focus-visible::after {
transform: scaleX(1);
}
.nav__logo {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-self: center;
gap: 6px;
text-decoration: none;
color: var(--white);
}
.nav__logo img {
height: 32px;
width: auto;
transition: opacity var(--t-med);
display: block;
}
.nav__logo-mark {
font-family: var(--display);
font-weight: 600;
font-size: 13px;
letter-spacing: 0.315em;
text-indent: 0.315em;
line-height: 1;
color: var(--white);
text-transform: uppercase;
white-space: nowrap;
display: block;
}
.site-header.on-dark .nav__logo img,
.footer-logo img {
filter: brightness(0) invert(1);
}
.nav__cta {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 6px 0;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.18em;
position: relative;
}
.nav__burger { display: none; }
.btn {
display: inline-flex;
align-items: center;
gap: 14px;
font-family: var(--sans);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
padding: 18px 28px;
border: 1px solid #000;
transition: background var(--t-med), color var(--t-med),
border-color var(--t-med), box-shadow var(--t-med),
transform var(--t-med);
cursor: pointer;
box-shadow: 0 0 0 0 rgba(10, 26, 47, 0);
}
.btn .arrow {
display: inline-block;
transition: transform var(--t-med);
line-height: 1;
}
.btn:hover .arrow { transform: translateX(6px); }
.btn:hover {
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.btn:active {
transform: translateY(0);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.10);
}
@media (prefers-reduced-motion: reduce) {
.btn:hover,
.btn:active { transform: none; }
}
.btn--primary { background: var(--navy); color: var(--white); }
.btn--primary:hover {
background: var(--navy-soft);
box-shadow: 0 14px 32px rgba(10, 26, 47, 0.18);
}
.btn--ghost { background: transparent; color: #000; }
.btn--ghost:hover { background: var(--navy); color: var(--white); }
.dark .btn--ghost { color: var(--white); }
.dark .btn--ghost:hover { background: var(--white); color: #000; }
main :nth-child(even of .section, .section-sm) .btn--ghost {
color: var(--white);
}
main :nth-child(even of .section, .section-sm) .btn--ghost:hover {
background: var(--white);
color: #000;
}
.hero .btn--ghost,
.page-hero .btn--ghost,
.contact-hero .btn--ghost,
.callout .btn--ghost,
.hero-stats .btn--ghost {
color: var(--white);
}
.hero .btn--ghost:hover,
.page-hero .btn--ghost:hover,
.contact-hero .btn--ghost:hover,
.callout .btn--ghost:hover,
.hero-stats .btn--ghost:hover {
background: var(--white);
color: #000;
}
.btn--champagne { background: var(--champagne); color: var(--white); }
.btn--champagne:hover {
background: var(--white);
color: #000;
box-shadow: 0 14px 32px rgba(10, 26, 47, 0.22);
}
.hero .btn--champagne,
.page-hero .btn--champagne,
.section.dark .btn--champagne,
.callout .btn--champagne {
background: var(--white);
color: #000;
border-color: #000;
}
.hero .btn--champagne:hover,
.page-hero .btn--champagne:hover,
.section.dark .btn--champagne:hover,
.callout .btn--champagne:hover {
background: var(--ivory);
color: #000;
border-color: #000;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
}
.btn--block {
display: flex;
width: 100%;
justify-content: center;
}
.link-inline {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--sans);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
padding-bottom: 8px;
border-bottom: 1px solid currentColor;
transition: color var(--t-med), border-color var(--t-med);
}
.link-inline:hover { color: #000; border-color: var(--champagne); }
.link-inline--on-dark { color: var(--white); }
.link-inline--on-dark:hover { color: var(--champagne-light); border-color: var(--champagne-light); }
.hero .eyebrow { color: var(--champagne-light); }
.hero .eyebrow::before { background: rgba(255, 255, 255, 0.55); }
.hero {
position: relative;
min-height: calc(100dvh - var(--header-h));
display: flex;
align-items: stretch;
color: var(--white);
overflow: hidden;
background: var(--navy-deep);
}
.hero__bg {
position: absolute; inset: 0;
z-index: 0;
}
.hero__bg img {
width: 100%; height: 100%;
object-fit: cover;
object-position: 50% 60%;
}
.hero__scrim {
position: absolute; inset: 0;
background:
radial-gradient(ellipse 110% 70% at 50% 55%,
rgba(6,19,36,.0) 0%,
rgba(6,19,36,.14) 70%,
rgba(6,19,36,.28) 100%),
linear-gradient(180deg,
rgba(6,19,36,.62) 0%,
rgba(6,19,36,.18) 30%,
rgba(6,19,36,.06) 45%,
rgba(6,19,36,.10) 55%,
rgba(6,19,36,.55) 70%,
rgba(6,19,36,.85) 85%,
rgba(6,19,36,.95) 100%);
z-index: 1;
}
.hero__content {
position: relative;
z-index: 2;
padding-bottom: clamp(28px, 3vw, 48px);
padding-top: clamp(56px, 6vw, 96px);
width: 100%;
display: flex;
flex-direction: column;
}
.hero__content .container {
width: 100%;
display: flex;
flex-direction: column;
flex: 1;
justify-content: flex-end;
gap: 27px;
}
.hero h1 {
color: var(--white);
max-width: none;
margin-top: 0;
}
.hero h1.display-xl { font-size: clamp(22px, 4.5vw, 60px); }
.hero h1 em { font-style: italic; color: var(--champagne-light); font-weight: 500; }
.hero__meta {
display: grid;
grid-template-columns: 1fr 2fr;
gap: clamp(34px, 5.1vw, 102px);
align-items: start;
max-width: 960px;
padding-top: 27px;
border-top: 1px solid var(--on-dark-50);
}
.hero__meta .lede { grid-column: 2; grid-row: 1; margin: 0; color: var(--on-dark-1); font-family: var(--display); font-style: italic; }
.hero__meta .actions { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding-top: clamp(6px, 0.6vw, 9px); }
@media (prefers-reduced-motion: no-preference) {
.hero__content .container > *,
.page-hero__content .container > * {
opacity: 0;
transform: translateY(16px);
animation: hero-reveal var(--t-cinematic) forwards;
}
.hero__content .container > *:nth-child(1),
.page-hero__content .container > *:nth-child(1) { animation-delay: 0ms; }
.hero__content .container > *:nth-child(2),
.page-hero__content .container > *:nth-child(2) { animation-delay: 180ms; }
.hero__content .container > *:nth-child(3),
.page-hero__content .container > *:nth-child(3) { animation-delay: 360ms; }
.hero__content .container > *:nth-child(4),
.page-hero__content .container > *:nth-child(4) { animation-delay: 540ms; }
.hero__content .container > *:nth-child(5),
.page-hero__content .container > *:nth-child(5) { animation-delay: 720ms; }
}
@keyframes hero-reveal {
to { opacity: 1; transform: translateY(0); }
}
.marquee {
background: var(--navy);
color: var(--white);
padding: 28px 0;
overflow: hidden;
border-top: 1px solid var(--rule-ivory);
border-bottom: 1px solid var(--rule-ivory);
}
.marquee__track {
display: flex;
align-items: center;
gap: 64px;
white-space: nowrap;
animation: slide 48s linear infinite;
font-family: var(--display);
font-size: clamp(18px, 1.6vw, 24px);
letter-spacing: 0.04em;
}
.marquee__track span {
display: inline-flex;
align-items: center;
opacity: 0.72;
}
.marquee__sep {
display: inline-block;
width: 1px;
height: 12px;
background: var(--on-dark-50);
opacity: 0.7;
}
@keyframes slide { to { transform: translateX(-50%); } }
.section-head {
display: grid;
grid-template-columns: minmax(140px, 1fr) minmax(0, 3fr);
gap: clamp(24px, 4vw, 80px);
align-items: end;
margin-bottom: clamp(32px, 4vw, 64px);
}
.section-head .num {
font-family: var(--display);
font-style: italic;
font-weight: 500;
font-size: clamp(16px, 1.4vw, 18px);
color: #000;
letter-spacing: .02em;
}
.dark .section-head .num { color: var(--champagne-light); }
.section-head h2 { max-width: 22ch; }
.section-head.section-head--stack {
grid-template-columns: 1fr;
gap: 12px;
align-items: start;
}
#services-label,
#access-label {
padding-top: clamp(36px, 4vw, 60px);
padding-bottom: 0;
}
#services-label .section-head,
#access-label .section-head {
margin-bottom: 0;
}
#services-label .section-head--stack { gap: clamp(20px, 1.8vw, 28px); }
.services,
.insights-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
contain: layout paint;
}
.insights-grid {
gap: 0;
}
.insights-grid .service {
border-right: 1px solid rgba(10, 26, 47, 0.3);
border-bottom: 1px solid rgba(10, 26, 47, 0.3);
}
@media (min-width: 1025px) {
.insights-grid .service:nth-child(3n) { border-right: 0; }
.insights-grid .service:nth-last-child(-n + 3) { border-bottom: 0; }
}
@media (min-width: 961px) and (max-width: 1024px) {
.insights-grid .service:nth-child(2n) { border-right: 0; }
.insights-grid .service:last-child { border-bottom: 0; }
}
@media (max-width: 960px) {
.insights-grid .service {
border-top: 2px solid rgba(10, 26, 47, 0.3);
border-right: 2px solid rgba(10, 26, 47, 0.3);
border-bottom: 2px solid rgba(10, 26, 47, 0.3);
border-left: 2px solid rgba(10, 26, 47, 0.3);
}
.insights-grid .service + .service {
margin-top: -2px;
}
}
.insights-grid .service {
padding: clamp(20px, 1.8vw, 30px);
gap: 16px;
}
.insights-grid .service > * { margin: 0; }
.insights-grid .service .body { flex-grow: 1; }
.services {
gap: clamp(16px, 1.5vw, 28px);
}
.services .service {
padding: clamp(20px, 1.7vw, 28px);
gap: 20px;
}
.services .service > * { margin: 0; }
.services .service .body { flex-grow: 1; }
.service {
background: var(--ivory);
padding: clamp(32px, 3vw, 56px);
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
transition: background .4s ease;
border-radius: var(--radius-soft);
overflow: hidden;
}
.service:hover { background: var(--bone); }
.service::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 0;
height: 2px;
background: var(--champagne);
transition: width var(--t-med);
pointer-events: none;
}
.service:hover::before,
.service:focus-visible::before { width: 100%; }
.service__num {
font-family: var(--sans);
font-variant-numeric: tabular-nums;
font-size: 12px;
letter-spacing: 0.22em;
color: #000;
font-weight: 500;
}
.service h3 {
font-size: clamp(28px, 2.2vw, 36px);
font-weight: 600;
line-height: 1.1;
display: flex;
align-items: flex-start;
min-height: calc(1.1em * 2);
}
.insights-grid .service h3 { min-height: calc(1.1em * 3); }
.service .body { min-height: calc(3em * 1.55); }
.service__img {
aspect-ratio: 4 / 5;
overflow: hidden;
position: relative;
background: var(--navy-deep);
border-radius: var(--radius-soft);
}
.service__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 55%;
transition: transform var(--t-slow);
}
.service:hover .service__img img { transform: scale(1.04); }
.split {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: clamp(40px, 6vw, 120px);
align-items: center;
}
.split--flip { grid-template-columns: 1fr 1.1fr; }
.split__media {
aspect-ratio: 4 / 3;
overflow: hidden;
position: relative;
}
.split__media img { width: 100%; height: 100%; object-fit: cover; }
.split--editorial .split__media + .split__media { margin-top: 4%; }
.split--tall { align-items: stretch; }
.split--tall .split__media {
aspect-ratio: auto;
min-height: 0;
}
.split--tall .split__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.split h2 { margin-bottom: 24px; }
.split .kicker { margin-bottom: 24px; }
.split .body-lg { margin-bottom: 24px; }
.stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
border-top: 1px solid var(--rule);
border-bottom: 1px solid var(--rule);
}
.stat {
padding: clamp(32px, 3vw, 56px) clamp(20px, 2vw, 32px);
border-right: 1px solid var(--rule);
display: flex;
flex-direction: column;
gap: 12px;
}
.stat:last-child { border-right: 0; }
.stat__num {
font-family: var(--display);
font-size: clamp(48px, 5vw, 72px);
line-height: 1;
color: #000;
font-weight: 300;
letter-spacing: -0.02em;
}
.stat__num sup {
color: #000;
font-size: .5em;
vertical-align: top;
line-height: 1;
position: relative;
top: 0.06em;
font-weight: 400;
}
.stat__label {
font-family: var(--sans);
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #000;
}
.process {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: var(--rule);
}
.process__step {
background: var(--ivory);
padding: 40px 32px 56px;
display: flex; flex-direction: column; gap: 16px;
min-height: 320px;
}
.process__step .num {
font-family: var(--sans);
font-variant-numeric: tabular-nums;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.18em;
color: #000;
line-height: 1;
}
.process__step h3 {
font-family: var(--display);
font-size: clamp(22px, 2vw, 26px);
line-height: 1.15;
}
.page-hero {
position: relative;
min-height: calc(100dvh - var(--header-h));
display: flex; align-items: center;
color: var(--white);
overflow: hidden;
background: var(--navy-deep);
}
.page-hero .hero__bg img { transform: none; }
.page-hero .hero__scrim {
background:
radial-gradient(ellipse 120% 60% at 50% 85%,
rgba(6,19,36,.0) 0%,
rgba(6,19,36,.20) 80%,
rgba(6,19,36,.36) 100%),
linear-gradient(180deg,
rgba(6,19,36,.50) 0%,
rgba(6,19,36,.22) 40%,
rgba(6,19,36,.92) 100%);
}
.page-hero--left-anchor .hero__scrim {
background:
radial-gradient(ellipse 80% 65% at 18% 90%,
rgba(6,19,36,.0) 0%,
rgba(6,19,36,.18) 65%,
rgba(6,19,36,.42) 100%),
linear-gradient(180deg,
rgba(6,19,36,.18) 0%,
rgba(6,19,36,.04) 40%,
rgba(6,19,36,.55) 100%);
}
.page-hero--left-anchor .hero__bg img {
filter: saturate(1.12) brightness(1.06);
}
.page-hero--right-anchor .hero__scrim {
background:
radial-gradient(ellipse 90% 70% at 78% 88%,
rgba(6,19,36,.0) 0%,
rgba(6,19,36,.28) 70%,
rgba(6,19,36,.44) 100%),
linear-gradient(180deg,
rgba(6,19,36,.48) 0%,
rgba(6,19,36,.18) 38%,
rgba(6,19,36,.94) 100%);
}
.page-hero--compact { min-height: 52vh; }
.page-hero__num {
font-family: var(--display);
font-style: italic;
font-size: clamp(16px, 1.5vw, 20px);
color: var(--champagne-light);
letter-spacing: .02em;
margin-top: 16px;
margin-bottom: 8px;
}
.page-hero__content {
position: relative; z-index: 2;
padding: clamp(40px, 5vw, 72px) 0 clamp(96px, 11vw, 168px);
width: 100%;
}
.page-hero h1 { color: var(--white); margin-top: clamp(12px, 1vw, 16px); line-height: 1.08; padding-bottom: 0.12em; }
.page-hero h1 em { font-style: italic; color: var(--champagne-light); font-weight: 500; }
.page-hero .lede { margin-top: 40px !important; color: var(--on-dark-1); max-width: 64ch; }
.page-hero .eyebrow {
color: var(--champagne-light);
margin-top: 24px;
display: inline-flex;
}
.page-hero .eyebrow::before { background: rgba(255, 255, 255, 0.55); }
.split .lede { margin-bottom: 32px; }
.split .body-lg + .body-lg { margin-top: -8px; }
.split .body-lg { margin-bottom: 24px; }
.split .body-lg:last-of-type { margin-bottom: 40px; }
.stats--standalone { margin-top: 48px; margin-bottom: 0; }
.stats--three { grid-template-columns: repeat(3, 1fr); }
.stats--three .stat { align-items: center; text-align: center; }
.form__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 4px;
flex-wrap: wrap;
}
.crumbs {
font-family: var(--sans);
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--white);
}
.crumbs ol {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.crumbs li { list-style: none; }
.crumbs a:hover { color: var(--champagne-light); }
.crumbs span { color: var(--white); }
.pillar {
display: grid;
grid-template-columns: 80px 1fr 1fr;
gap: clamp(32px, 4vw, 80px);
padding: clamp(40px, 5vw, 72px) 0;
border-bottom: 1px solid var(--rule);
align-items: start;
}
.pillar:last-child { border-bottom: 0; }
.pillar__num {
font-family: var(--sans);
font-variant-numeric: tabular-nums;
font-size: 14px;
letter-spacing: 0.22em;
color: #000;
font-weight: 500;
line-height: 1;
}
.pillar__title h3 {
font-size: clamp(32px, 3vw, 48px);
line-height: 1.08;
margin-bottom: 16px;
}
.pillar__title .eyebrow { margin-bottom: 12px; }
.pillar__body p { margin: 0 0 18px; }
.pillar__body p:last-child { margin-bottom: 0; }
.brand-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(16px, 2vw, 32px);
}
.brand-card {
aspect-ratio: 3 / 4;
background: var(--navy);
position: relative;
overflow: hidden;
color: var(--white);
display: flex; align-items: flex-end;
padding: 24px;
}
.brand-card img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; opacity: .55;
transition: transform var(--t-slow), opacity var(--t-med);
}
.brand-card:hover img { transform: scale(1.06); opacity: .8; }
.brand-card__label {
position: relative; z-index: 2;
font-family: var(--display);
font-size: 22px;
letter-spacing: 0.04em;
}
.brand-card__label small {
display: block;
font-family: var(--sans);
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--champagne-light);
margin-bottom: 8px;
font-weight: 500;
}
.form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px 32px;
}
.form .full { grid-column: 1 / -1; }
.field { position: relative; }
.field label {
display: block;
font-family: var(--sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #000;
margin-bottom: 10px;
}
.dark .field label { color: var(--white); }
.field input:required + .field-marker,
.field label .req {
color: #000;
margin-left: 4px;
font-weight: 400;
}
.dark .field label .req { color: var(--champagne-light); }
.field input:user-invalid,
.field select:user-invalid,
.field textarea:user-invalid {
border-bottom-color: #b84a3a;
}
.dark .field input:user-invalid,
.dark .field select:user-invalid,
.dark .field textarea:user-invalid {
border-bottom-color: #e07d6e;
}
.field input,
.field select,
.field textarea {
width: 100%;
background: transparent;
border: 0;
border-bottom: 1px solid var(--rule);
padding: 12px 0;
font-family: var(--sans);
font-size: 1rem;
font-weight: 600;
color: #000;
transition: border-color var(--t-fast), background-color var(--t-fast), box-shadow var(--t-fast);
border-radius: 0;
appearance: none;
-webkit-appearance: none;
}
.dark .field input, .dark .field select, .dark .field textarea {
color: var(--white);
border-bottom-color: var(--rule-ivory);
}
.field select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 4px center;
padding-right: 24px;
}
.dark .field select {
background-image: url("data:image/svg+xml;utf8,");
}
.field input:focus,
.field select:focus,
.field textarea:focus {
outline: none;
border-bottom-color: var(--champagne);
background-color: rgba(10, 26, 47, 0.04);
box-shadow: inset 0 -2px 0 0 var(--champagne);
}
.dark .field input:focus,
.dark .field select:focus,
.dark .field textarea:focus {
border-bottom-color: var(--champagne-light);
background-color: rgba(255, 255, 255, 0.08);
box-shadow: inset 0 -2px 0 0 var(--champagne-light);
}
.field textarea { resize: vertical; min-height: 120px; }
.form-note { font-size: 12px; color: #000; margin-top: 0; }
.dark .form-note { color: var(--white); }
.form-confirm.is-visible { display: block; }
.form-confirm {
color: #000;
font-family: var(--display);
font-style: italic;
font-size: 20px;
margin-top: 16px;
}
.dark .form-confirm { color: var(--champagne-light); }
.form.form-card {
background: var(--bone);
padding: clamp(32px, 4.5vw, 72px);
border: 1px solid var(--rule);
border-top: 2px solid var(--champagne);
margin-top: clamp(24px, 3vw, 48px);
}
.form.form-card .field label {
font-family: var(--display);
font-size: 15px;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
color: #000;
margin-bottom: 8px;
}
.form.form-card .field input,
.form.form-card .field select,
.form.form-card .field textarea {
background: var(--ivory);
color: #000;
-webkit-text-fill-color: #000;
caret-color: #000;
padding: 14px 14px;
border: 1px solid transparent;
border-bottom: 1px solid var(--rule);
}
.form.form-card .field input:focus,
.form.form-card .field select:focus,
.form.form-card .field textarea:focus {
background: var(--white);
color: #000;
-webkit-text-fill-color: #000;
caret-color: #000;
border-bottom-color: var(--champagne);
box-shadow: inset 0 -2px 0 0 var(--champagne);
}
.form.form-card .field label,
.dark .form.form-card .field label {
color: #000;
}
.form.form-card .field input::placeholder,
.form.form-card .field textarea::placeholder {
color: #000;
opacity: 0.45;
}
.form.form-card .field select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 34px;
}
.form.form-card .form-confirm {
background: var(--ivory-warm);
border-left: 2px solid var(--champagne);
padding: 14px 18px;
margin-top: 0;
}
.form.form-card .form__actions { margin-top: 4px; }
.site-footer {
background: var(--navy-deep);
color: var(--on-dark-1);
padding: clamp(20px, 2vw, 32px) 0 clamp(16px, 1.8vw, 24px);
position: relative;
}
.site-footer::before {
content: "";
position: absolute;
top: 0; left: var(--gutter); right: var(--gutter);
height: 1px;
background: var(--champagne-rule);
}
.site-footer .container {
max-width: none;
padding-right: var(--gutter);
}
.footer-grid {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: clamp(28px, 3.5vw, 56px);
}
.footer-logo {
display: inline-flex;
align-items: center;
color: var(--on-dark-1);
flex-shrink: 0;
}
.footer-logo img { height: 36px; width: auto; display: block; }
.footer-rows {
display: grid;
grid-template-columns: auto auto;
justify-content: end;
align-items: baseline;
row-gap: 4px;
column-gap: 16px;
min-width: 0;
font-family: var(--sans);
font-size: 12.5px;
line-height: 1.45;
}
.footer-row { display: contents; }
.footer-row__label {
white-space: nowrap;
font-weight: 600;
color: var(--white);
}
.footer-row__items {
color: var(--on-dark-1);
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: baseline;
}
.footer-row__items a {
color: var(--on-dark-1);
transition: color var(--t-fast);
}
.footer-row__items a:hover { color: var(--champagne-light); }
.footer-row__items a[aria-current="page"] {
color: var(--champagne-light);
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
.footer-row__items .sep {
color: var(--white);
margin: 0 6px;
}
.footer-copyright { color: var(--on-dark-1); }
.footer-col__copyright { color: var(--on-dark-1); }
.section.dark:has(+ .callout) { padding-bottom: 0; }
.section.dark.has-callout-next { padding-bottom: 0; }
.section:has(+ .section),
.section:has(+ .section-sm),
.section:has(+ .callout),
.section-sm:has(+ .section),
.section-sm:has(+ .section-sm),
.section-sm:has(+ .callout) {
padding-bottom: clamp(20px, 2vw, 32px);
}
main > .section:last-child,
main > .section-sm:last-child {
padding-bottom: clamp(24px, 2.5vw, 40px);
}
.section + .section,
.section + .section-sm,
.section + .callout,
.section-sm + .section,
.section-sm + .section-sm,
.section-sm + .callout {
padding-top: clamp(20px, 2vw, 32px);
}
.hero + .section,
.hero + .section-sm,
.hero + .callout,
.page-hero + .section,
.page-hero + .section-sm,
.page-hero + .callout,
.contact-hero + .section,
.contact-hero + .section-sm,
.contact-hero + .callout {
padding-top: clamp(20px, 2vw, 32px);
}
.hero-stats {
background: var(--navy);
color: var(--white);
padding: clamp(16px, 1.5vw, 28px) 0;
}
.hero-stats .stats {
border-top-color: var(--rule-ivory);
border-bottom-color: var(--rule-ivory);
}
.hero-stats .stat {
border-right-color: var(--rule-ivory);
}
.hero-stats .stat__num,
.hero-stats .stat__num sup,
.hero-stats .stat__label {
color: var(--white);
}
.hero-stats + .section,
.hero-stats + .section-sm {
padding-top: clamp(6px, 0.8vw, 12px);
}
.callout {
background: var(--navy);
color: var(--white);
padding: var(--space-section) 0;
position: relative;
overflow: hidden;
}
.callout::before {
content: "";
position: absolute;
top: -40%; right: -10%;
width: 60%; height: 180%;
background: radial-gradient(ellipse at center, rgba(255,255,255,0.10), transparent 60%);
pointer-events: none;
}
.callout__inner {
position: relative; z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(32px, 5vw, 96px);
flex-wrap: wrap;
}
.callout h1,
.callout h2 { color: var(--white); max-width: 16ch; }
.callout h1 em,
.callout h2 em { color: var(--white); }
.callout .lede,
.callout p,
.callout .body,
.callout .body-lg { color: var(--white); }
.callout__title-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: clamp(20px, 2.5vw, 40px);
margin-bottom: clamp(24px, 2.4vw, 36px);
}
.callout__logo {
height: clamp(40px, 4vw, 60px);
width: auto;
filter: brightness(0) invert(1);
flex-shrink: 0;
display: block;
}
.callout .eyebrow { color: var(--champagne-light); }
.callout .eyebrow::before { background: rgba(255, 255, 255, 0.55); }
.callout .actions {
display: flex;
flex-direction: column;
gap: clamp(24px, 2.4vw, 36px);
align-items: flex-start;
}
.callout .link-inline { color: var(--white); }
.callout .link-inline:hover { color: var(--champagne-light); }
.callout.callout--light {
background: var(--ivory);
color: #000;
padding-bottom: clamp(24px, 2.5vw, 40px);
}
.callout.callout--light::before { display: none; }
.callout.callout--light h2 {
color: #000;
}
.callout.callout--light .eyebrow { color: #000; }
.callout.callout--light .eyebrow::before { background: var(--rule); }
.callout.callout--light .link-inline { color: #000; }
.callout.callout--light .link-inline:hover { color: var(--champagne); }
.callout.callout--light .btn--champagne {
background: var(--champagne);
color: var(--white);
}
.callout.callout--light .btn--champagne:hover {
background: var(--white);
color: #000;
box-shadow: 0 14px 32px rgba(10, 26, 47, 0.22);
}
.callout.callout--light .callout__logo {
filter: none;
}
.article-body + .callout {
padding-top: clamp(40px, 4.5vw, 64px);
padding-bottom: clamp(40px, 4.5vw, 64px);
}
.intro-center {
text-align: center;
margin-bottom: clamp(32px, 4vw, 64px);
}
.intro-center h2 {
margin-top: 24px;
max-width: 22ch;
margin-left: auto;
margin-right: auto;
}
.prose-stack { display: flex; flex-direction: column; gap: 28px; }
.prose-stack > p { margin: 0; }
.split--portrait .split__media {
aspect-ratio: auto;
}
.split--portrait .split__media img {
height: auto;
}
.pillars {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
}
.pillar-item {
display: flex;
flex-direction: column;
gap: clamp(8px, 0.9vw, 12px);
padding: clamp(32px, 3.2vw, 48px) clamp(24px, 3vw, 44px);
border-left: 1px solid var(--rule);
text-align: center;
}
.pillar-item:first-child {
padding-left: 0;
border-left: 0;
}
.pillar-item:last-child {
padding-right: 0;
}
main :nth-child(even of .section, .section-sm) .pillar-item {
border-left-color: var(--rule-ivory);
}
.pillar-item h3 {
font-family: var(--display);
font-weight: 500;
font-size: clamp(24px, 2.1vw, 32px);
line-height: 1.12;
margin: 0;
}
.pillars .pillar-item p { margin: 0; }
.split + .tenets {
margin-top: clamp(28px, 3.5vw, 52px);
}
.tenets {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--rule);
}
.tenet {
background: var(--ivory);
padding: clamp(32px, 3vw, 48px);
display: flex;
flex-direction: column;
gap: 18px;
min-height: 320px;
}
.dark .tenet { background: var(--navy-soft); color: var(--white); }
.dark .tenet .body { color: var(--white); }
.tenet[style*="navy-soft"] .eyebrow,
.dark .tenet .eyebrow { color: var(--champagne-light); }
.tenet[style*="navy-soft"] .eyebrow::before,
.dark .tenet .eyebrow::before { background: rgba(255, 255, 255, 0.55); }
.tenet h3 {
font-family: var(--display);
font-size: clamp(24px, 2vw, 32px);
line-height: 1.15;
min-height: calc(1.15em * 3);
color: #000;
}
.dark .tenet h3 { color: var(--white); }
.media-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(40px, 5vw, 96px);
align-items: start;
}
.media-split__media {
align-self: stretch;
position: relative;
min-height: 0;
overflow: hidden;
}
.media-split__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.media-split__content {
display: flex;
flex-direction: column;
gap: clamp(16px, 1.5vw, 24px);
}
.media-split__content .section-head {
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 0;
}
.media-split__content .section-head h2 {
font-size: clamp(28px, 3.5vw, 52px);
text-wrap: balance;
line-height: 1.05;
}
.tenets.tenets--compact {
grid-template-columns: 1fr 1fr;
}
.tenets.tenets--compact .tenet {
padding: clamp(18px, 1.8vw, 26px);
gap: 10px;
min-height: 0;
}
.tenets.tenets--compact .tenet h3 {
font-size: clamp(17px, 1.4vw, 21px);
font-weight: 600;
margin: 4px 0 6px;
line-height: 1.2;
min-height: 0;
}
.tenets.tenets--compact .tenet .body,
.tenets.tenets--compact .tenet p {
font-size: 14px;
line-height: 1.55;
margin: 0;
}
.tenets.tenets--compact .tenet .eyebrow {
font-size: 11px;
letter-spacing: 0.2em;
}
.timeline.timeline--compact,
main :nth-child(even of .section, .section-sm) .timeline.timeline--compact,
main :nth-child(odd of .section, .section-sm) .timeline.timeline--compact {
grid-template-columns: 1fr;
gap: 0;
background: transparent;
}
.timeline.timeline--compact .timeline__step {
background: transparent;
padding: clamp(14px, 1.5vw, 20px) 0;
grid-template-columns: 56px 1fr;
column-gap: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.timeline.timeline--compact .timeline__step:last-child {
border-bottom: 0;
}
.timeline.timeline--compact .timeline__step .num {
font-size: clamp(22px, 1.8vw, 28px);
}
.timeline.timeline--compact .timeline__step h3 {
font-size: clamp(17px, 1.4vw, 20px);
font-weight: 600;
line-height: 1.2;
margin: 0;
}
.timeline.timeline--compact .timeline__step,
.timeline.timeline--compact .timeline__step * {
color: var(--white) !important;
}
.timeline.timeline--compact .timeline__step .num {
color: rgba(255, 255, 255, 0.55) !important;
}
main :nth-child(odd of .section, .section-sm) .timeline.timeline--compact .timeline__step,
main :nth-child(odd of .section, .section-sm) .timeline.timeline--compact .timeline__step * {
color: #000 !important;
}
main :nth-child(odd of .section, .section-sm) .timeline.timeline--compact .timeline__step .num {
color: rgba(0, 0, 0, 0.5) !important;
}
main :nth-child(odd of .section, .section-sm) .timeline.timeline--compact .timeline__step {
border-bottom-color: rgba(0, 0, 0, 0.14);
}
@media (max-width: 960px) {
.media-split {
grid-template-columns: 1fr;
gap: 32px;
}
.media-split__media {
min-height: 0;
}
.media-split__media img {
position: static;
width: 100%;
height: auto;
}
.media-split__content .section-head h2 {
font-size: clamp(28px, 5.5vw, 44px);
}
}
@media (max-width: 600px) {
.tenets.tenets--compact { grid-template-columns: 1fr; }
}
.reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity var(--t-reveal), transform var(--t-reveal);
transition-delay: calc(var(--i, 0) * 0.05s);
will-change: opacity, transform;
}
.reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
.reveal { opacity: 1; transform: none; }
.hero__bg img { transform: none; }
.marquee__track { animation: none; }
}
@media (prefers-reduced-motion: no-preference) {
.hero__bg img {
transform: scale(1.08);
animation: kenburns 16s ease-out forwards;
}
@keyframes kenburns { to { transform: scale(1); } }
}
@media (max-width: 1024px) {
.services, .insights-grid { grid-template-columns: repeat(2, 1fr); }
.process { grid-template-columns: repeat(2, 1fr); }
.brand-grid { grid-template-columns: repeat(2, 1fr); }
.tenets { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.services, .insights-grid,
.process, .brand-grid,
.tenets { grid-template-columns: repeat(2, 1fr); }
.hero__meta { grid-template-columns: 1fr; gap: 32px; }
.hero__meta .lede,
.hero__meta .actions { grid-column: 1; grid-row: auto; }
.hero__meta .actions { padding-top: 0; }
.split, .split--flip { grid-template-columns: 1fr; gap: 40px; }
.split--tall .split__media { aspect-ratio: 4 / 3; }
.callout__inner { flex-direction: column; align-items: flex-start; gap: 32px; }
.section-head { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 960px) {
.nav__left, .nav__right { display: none; }
.nav { grid-template-columns: 1fr auto 1fr; }
.nav__burger {
display: inline-flex; align-items: center;
justify-self: start;
width: 44px; height: 44px;
flex-direction: column; justify-content: center; gap: 6px;
}
.nav__burger span {
display: block; width: 24px; height: 1px; background: currentColor;
}
.nav__cta { justify-self: end; padding: 10px 14px; font-size: 10px; }
.services, .process, .tenets, .brand-grid, .insights-grid { grid-template-columns: 1fr; }
.stats { grid-template-columns: repeat(2, 1fr); }
.stat { border-right: 0; }
.stat:nth-child(odd) { border-right: 1px solid var(--rule); }
.stat:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
.stats--three { grid-template-columns: 1fr; }
.stats--three .stat { border-right: 0; }
.stats--three .stat:not(:last-child) { border-bottom: 1px solid var(--rule); }
.hero-stats .stats--three .stat:not(:last-child) { border-bottom-color: var(--rule-ivory); }
.split, .split--flip { grid-template-columns: 1fr; }
.pillar { grid-template-columns: 1fr; gap: 16px; }
.pillar__num { font-size: 14px; }
.callout__inner { flex-direction: column; align-items: flex-start; }
.section-head { grid-template-columns: 1fr; }
.form { grid-template-columns: 1fr; }
.topline .inner { gap: 16px; }
.topline .inner span + span::before { margin-right: 16px; }
.hero__meta { grid-template-columns: 1fr; gap: 32px; }
.hero__meta .lede,
.hero__meta .actions { grid-column: 1; grid-row: auto; }
.hero__meta .actions { padding-top: 0; }
}
.mobile-menu {
position: fixed; inset: 0;
background: var(--navy-deep);
color: var(--white);
z-index: 100;
padding: 40px var(--gutter);
transform: translateY(-100%);
visibility: hidden;
transition: transform .5s cubic-bezier(.7,0,.3,1), visibility 0s linear .5s;
display: flex; flex-direction: column;
}
.mobile-menu.open {
transform: none;
visibility: visible;
transition: transform .5s cubic-bezier(.7,0,.3,1), visibility 0s linear 0s;
}
.mobile-menu__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px; }
.mobile-menu__mark {
font-family: var(--display);
font-size: 18px;
letter-spacing: 0.2em;
font-weight: 500;
}
.mobile-menu__close { font-size: 24px; width: 40px; height: 40px; }
.mobile-menu nav { display: flex; flex-direction: column; gap: 24px; }
.mobile-menu nav a,
.mobile-menu__link {
font-family: var(--display);
font-size: clamp(28px, 7vw, 36px);
font-weight: 400;
color: var(--white);
padding-bottom: 8px;
border-bottom: 1px solid var(--rule-ivory);
transition: color var(--t-fast), border-color var(--t-fast);
}
.mobile-menu nav a:hover,
.mobile-menu nav a[aria-current="page"] {
color: var(--champagne-light);
border-bottom-color: var(--champagne-light);
}
.mobile-menu .contact {
margin-top: auto;
font-size: 14px;
color: var(--white);
}
.mobile-menu .contact a:hover { color: var(--champagne-light); }
@media (max-width: 480px) {
.topline { display: none; }
}
@media (max-width: 520px) {
.footer-rows { font-size: 12px; }
.footer-row__items .sep { margin: 0 8px; }
}
.legal-body,
.article-body {
padding: clamp(56px, 6vw, 88px) 0;
}
.legal-body h2,
.article-body h2 {
font-size: clamp(24px, 2.2vw, 32px);
margin: 48px 0 16px;
}
.legal-body h2:first-child,
.article-body h2:first-child { margin-top: 0; }
.legal-body p, .legal-body li,
.article-body p, .article-body li {
font-size: 16px;
line-height: 1.75;
color: #000;
}
.legal-body ul,
.article-body ul { padding-left: 20px; }
.legal-body a:not(.btn--sleek),
.article-body a:not(.btn--sleek) { color: #000; border-bottom: 1px solid var(--champagne-ink); }
.article-body .btn { border-bottom: 1px solid currentColor; }
.article-body .btn:hover { border-bottom: 1px solid var(--white); }
.legal-intro {
margin-bottom: clamp(32px, 4vw, 56px);
padding-bottom: clamp(24px, 3vw, 40px);
border-bottom: 1px solid var(--rule);
}
.legal-intro p {
font-size: 17px;
line-height: 1.75;
color: #000;
}
.legal-intro p + p { margin-top: 16px; }
.legal-meta {
font-family: var(--sans);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #000;
margin: 0 0 20px;
}
.legal-meta strong {
font-weight: 600;
color: #000;
margin-right: 6px;
}
.legal-toc {
background: var(--ivory-warm);
border-left: 2px solid var(--champagne);
padding: clamp(24px, 3vw, 36px) clamp(24px, 3vw, 40px);
margin: 0 0 clamp(32px, 4vw, 56px);
}
.legal-toc .label {
display: block;
color: #000;
margin-bottom: 16px;
}
.legal-toc ol {
list-style: none;
counter-reset: toc;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 10px 32px;
}
.legal-toc li {
counter-increment: toc;
position: relative;
padding-left: 34px;
font-size: 15px;
line-height: 1.5;
}
.legal-toc li::before {
content: counter(toc, decimal-leading-zero);
position: absolute;
left: 0;
top: 0;
font-family: var(--sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
color: #000;
line-height: 1.9;
}
.legal-toc a {
color: #000;
border-bottom: 1px solid transparent;
transition: border-color var(--t-fast), color var(--t-fast);
}
.legal-toc a:hover,
.legal-toc a:focus-visible {
color: #000;
border-bottom-color: var(--champagne-ink);
}
.legal-section {
padding-top: clamp(32px, 4vw, 56px);
}
.legal-section + .legal-section {
border-top: 1px solid var(--rule);
}
.legal-backtop {
margin-top: 24px;
text-align: right;
font-family: var(--sans);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.legal-backtop a {
color: #000;
border-bottom: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
.legal-backtop a::before {
content: "↑";
font-size: 13px;
line-height: 1;
color: #000;
}
.legal-backtop a:hover,
.legal-backtop a:focus-visible {
color: #000;
}
.legal-callout {
background: var(--bone);
border: 1px solid var(--rule);
border-left: 2px solid var(--champagne);
padding: clamp(24px, 3vw, 40px);
margin: 24px 0 8px;
}
.legal-callout p {
margin: 0;
}
.legal-callout p + p {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--rule);
color: #000;
font-size: 15px;
}
.legal-callout strong {
font-family: var(--display);
font-weight: 500;
font-size: 20px;
letter-spacing: -0.005em;
color: #000;
display: inline-block;
margin-bottom: 4px;
}
.notfound {
min-height: 72vh;
background: var(--navy-deep);
color: var(--white);
display: flex; align-items: center;
padding: var(--section-y) 0;
}
.notfound h1 {
color: var(--white);
font-size: clamp(64px, 10vw, 160px);
line-height: .95;
margin-bottom: 24px;
}
.notfound h1 em { color: var(--champagne-light); font-style: italic; font-weight: 500; }
.notfound p { color: var(--white); max-width: 48ch; margin-bottom: 32px; }
.legal-page {
--t-reveal: 0s;
}
.legal-page .reveal,
.legal-page .page-hero .reveal { opacity: 1; transform: none; transition: none; }
.legal-page,
.legal-page body { background: #ffffff; }
.legal-page main,
.legal-page .page-hero,
.legal-page .page-hero__content,
.legal-page .legal-body,
.legal-page .legal-section,
.legal-page .legal-intro,
.legal-page .legal-callout { background: #ffffff; }
.legal-page .page-hero,
.legal-page .page-hero *,
.legal-page .legal-body,
.legal-page .legal-body * {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #000;
font-style: normal;
}
.legal-page .page-hero {
min-height: 0;
height: auto;
padding: 0;
display: block;
}
.legal-page .page-hero .hero__bg,
.legal-page .page-hero .hero__scrim { display: none; }
.legal-page .page-hero__content {
position: static;
padding: 48px 0 32px;
border-bottom: 1px solid #e5e5e5;
}
.legal-page .page-hero__content > .container {
max-width: 960px;
margin: 0 auto;
padding-left: clamp(20px, 4vw, 32px);
padding-right: clamp(20px, 4vw, 32px);
text-align: left;
}
.legal-page .page-hero .crumbs {
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
font-weight: 500;
margin: 0 0 24px;
display: flex; gap: 8px; align-items: center;
}
.legal-page .page-hero .crumbs a { text-decoration: none; opacity: 0.5; }
.legal-page .page-hero .crumbs a:hover { opacity: 1; }
.legal-page .page-hero .crumbs span:not(:last-child) { opacity: 0.3; }
.legal-page .page-hero .eyebrow {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.24em;
text-transform: uppercase;
padding-left: 0;
}
.legal-page .page-hero .eyebrow::before {
background: #000;
width: 28px; height: 1px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
position: static;
}
.legal-page .page-hero h1 {
font-size: clamp(32px, 4vw, 44px);
font-weight: 700;
letter-spacing: -0.015em;
line-height: 1.15;
margin: 16px 0 20px;
padding: 0;
}
.legal-page .page-hero h1 em { font-style: normal; font-weight: 700; }
.legal-page .page-hero .lede {
font-size: 15px;
line-height: 1.7;
font-weight: 400;
margin: 0;
max-width: 62ch;
opacity: 0.72;
}
.legal-page .legal-body { padding: 56px 0 80px; }
.legal-page .legal-body .container-narrow {
max-width: 960px;
padding-left: clamp(20px, 4vw, 32px);
padding-right: clamp(20px, 4vw, 32px);
}
.legal-page .legal-intro {
margin: 0 0 40px;
padding: 0 0 32px;
border-bottom: 1px solid #e5e5e5;
}
.legal-page .legal-meta {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 0 20px;
}
.legal-page .legal-meta strong { font-weight: 700; margin-right: 8px; }
.legal-page .legal-intro p {
font-size: 15px;
line-height: 1.75;
margin: 0 0 14px;
}
.legal-page .legal-intro p:last-child { margin-bottom: 0; }
.legal-page .legal-toc {
background: #ece5d3;
border: 1px solid #000;
border-left: 2px solid var(--champagne);
padding: 32px 36px;
margin: 0 0 56px;
}
.legal-page .legal-toc .label {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
margin: 0 0 22px;
display: block;
}
.legal-page .legal-toc ol {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 10px 32px;
counter-reset: toc;
}
.legal-page .legal-toc li {
counter-increment: toc;
position: relative;
padding-left: 32px;
font-size: 13px;
line-height: 1.55;
}
.legal-page .legal-toc li::before {
content: counter(toc, decimal-leading-zero);
position: absolute;
left: 0; top: 1px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
color: #000;
opacity: 1;
}
.legal-page .legal-toc a {
text-decoration: none;
font-weight: 400;
border-bottom: 1px solid transparent;
transition: border-color var(--t-fast);
}
.legal-page .legal-toc a:hover,
.legal-page .legal-toc a:focus-visible { border-bottom-color: #000; }
.legal-page .legal-section {
padding: 40px 0 0;
}
.legal-page .legal-section + .legal-section {
border-top: 1px solid #e5e5e5;
margin-top: 40px;
}
.legal-page .legal-body h2 {
font-size: 18px;
font-weight: 700;
letter-spacing: -0.005em;
line-height: 1.3;
margin: 0 0 18px;
padding: 0;
}
.legal-page .legal-body h3 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
margin: 24px 0 10px;
}
.legal-page .legal-body p,
.legal-page .legal-body li {
font-size: 14px;
line-height: 1.75;
font-weight: 400;
margin: 0 0 12px;
}
.legal-page .legal-body p:last-child,
.legal-page .legal-body li:last-child { margin-bottom: 0; }
.legal-page .legal-body ul {
padding-left: 18px;
margin: 0 0 14px;
}
.legal-page .legal-body a {
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,0.3);
transition: border-color var(--t-fast);
}
.legal-page .legal-body a:hover { border-bottom-color: #000; }
.legal-page .legal-body strong { font-weight: 600; }
.legal-page .legal-backtop {
margin: 28px 0 0;
padding: 16px 0 0;
border-top: 1px solid #e5e5e5;
text-align: right;
font-size: 10px;
letter-spacing: 0.2em;
font-weight: 600;
text-transform: uppercase;
}
.legal-page .legal-backtop a {
color: #000;
border-bottom: none;
display: inline-flex; gap: 6px; align-items: center;
transition: color var(--t-fast);
}
.legal-page .legal-backtop a:hover { color: #000; }
.legal-page .legal-backtop a::before {
content: "↑";
color: #000;
font-size: 11px;
}
.legal-page .legal-callout {
background: #ffffff;
border: 1px solid #e5e5e5;
border-left: 2px solid #000;
padding: 28px 32px;
margin: 24px 0 0;
}
.legal-page .legal-callout p {
font-size: 14px;
line-height: 1.75;
margin: 0;
}
.legal-page .legal-callout p + p {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #e5e5e5;
color: #000;
}
.legal-page .legal-callout strong {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
display: inline-block;
margin: 0 0 6px;
}
.page-wordmark {
position: absolute;
left: 0;
right: 0;
text-align: center;
z-index: 2;
pointer-events: none;
padding-top: clamp(80px, 11dvh, 160px);
}
.page-wordmark span {
display: inline-block;
font-family: var(--display);
font-weight: 600;
font-size: clamp(32px, 5.7vw, 68px);
letter-spacing: 0.105em;
text-indent: 0.105em;
color: #ffffff;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
}
.page-wordmark small {
display: block;
font-family: var(--sans);
font-weight: 500;
font-size: clamp(11px, 0.9vw, 14px);
letter-spacing: 0.32em;
text-indent: 0.32em;
text-transform: uppercase;
color: var(--ivory);
margin-top: clamp(10px, 1vw, 16px);
line-height: 1;
white-space: nowrap;
}
@media (max-width: 960px) {
.page-wordmark span {
font-size: clamp(23px, 7.3vw, 39px);
}
.page-wordmark small {
font-size: clamp(10px, 2.1vw, 12px);
letter-spacing: 0.26em;
text-indent: 0.26em;
margin-top: clamp(7px, 1.6vw, 11px);
}
}
.lede--wide { max-width: 88ch; text-wrap: balance; }
.form-note a { text-decoration: underline; text-underline-offset: 2px; }
.article-back { margin-top: 40px; }
.honey { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.form-error {
grid-column: 1 / -1;
margin-top: 0;
padding: 14px 16px;
border-left: 3px solid #b04a4a;
background: rgba(176, 74, 74, 0.08);
color: #000;
font-family: var(--sans);
font-size: 0.95rem;
line-height: 1.45;
}
.form-error a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.field-error {
display: block;
margin-top: 6px;
font-family: var(--sans);
font-size: 13px;
line-height: 1.4;
color: #8a2a2a;
}
.field input[aria-invalid="true"],
.field select[aria-invalid="true"],
.field textarea[aria-invalid="true"],
.form.form-card .field input[aria-invalid="true"],
.form.form-card .field select[aria-invalid="true"],
.form.form-card .field textarea[aria-invalid="true"] {
border-bottom-color: #8a2a2a;
}
.cf-turnstile {
margin-top: 4px;
min-height: 65px;
}
.timeline {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--rule);
}
.timeline__step {
background: var(--ivory);
padding: clamp(28px, 3vw, 40px);
display: grid;
grid-template-columns: 64px 1fr;
column-gap: 24px;
align-items: start;
}
.timeline__step .num {
font-family: var(--display);
font-style: italic;
font-weight: 500;
font-size: clamp(28px, 2.4vw, 36px);
color: #000;
line-height: 1;
letter-spacing: -0.01em;
}
.timeline__step h3 {
font-family: var(--display);
font-size: clamp(20px, 1.6vw, 24px);
line-height: 1.2;
color: #000;
margin: 0 0 8px;
}
.timeline__step p {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: #000;
}
.timeline__link-row { display: flex; flex-wrap: wrap; gap: 18px 28px; margin-top: 14px; }
.timeline__link {
display: inline-block;
font-family: var(--sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #000;
border-bottom: 1px solid var(--champagne-light);
padding-bottom: 2px;
text-decoration: none;
}
.timeline__link:hover { color: #000; border-bottom-color: var(--champagne); }
@media (max-width: 1024px) {
.timeline { grid-template-columns: repeat(2, 1fr); }
.timeline__step:nth-child(odd):last-of-type { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
.timeline { grid-template-columns: 1fr; }
.timeline__step:nth-child(odd):last-of-type { grid-column: auto; }
}
@media (max-width: 480px) {
.timeline__step {
grid-template-columns: 1fr;
row-gap: 14px;
}
}
.mandate-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--rule);
}
.mandate-card {
background: var(--ivory-warm);
padding: clamp(28px, 3vw, 40px);
display: flex;
flex-direction: column;
gap: 14px;
min-height: 220px;
text-decoration: none;
color: inherit;
}
.mandate-card .mandate__quote {
margin: 0;
font-family: var(--display);
font-style: italic;
font-weight: 600;
font-size: clamp(19px, 1.6vw, 24px);
line-height: 1.3;
color: #000;
}
.mandate-card p {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: #000;
}
.mandate-card .mandate__link {
margin-top: auto;
font-family: var(--sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #000;
border-bottom: 1px solid var(--champagne-light);
padding-bottom: 2px;
align-self: flex-start;
text-decoration: none;
}
.mandate-card .mandate__link:hover { color: #000; border-bottom-color: var(--champagne); }
.mandate-card--feature { grid-column: 1 / -1; }
.mandate-card--feature .mandate__quote { font-size: clamp(22px, 2vw, 28px); }
@media (max-width: 1024px) {
.mandate-grid { grid-template-columns: repeat(2, 1fr); }
.mandate-card--feature { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
.mandate-grid { grid-template-columns: 1fr; }
}
.confidentiality-note {
max-width: 720px;
margin: 0 auto clamp(40px, 5vw, 64px);
padding-top: 28px;
border-top: 1px solid var(--champagne-light);
text-align: center;
}
.confidentiality-note p {
margin: 0;
font-family: var(--display);
font-style: italic;
font-size: clamp(15px, 1.2vw, 18px);
line-height: 1.55;
color: #000;
}
.form-extra {
grid-column: 1 / -1;
margin-top: 8px;
border-top: 1px solid var(--rule);
padding-top: 24px;
}
body.purchases-page .form-extra:not([open]),
body.manufacturer-page .form-extra:not([open]) {
padding-top: 8px;
margin-top: 4px;
}
body.purchases-page .form.form-card,
body.manufacturer-page .form.form-card {
gap: 16px 32px;
}
.form-extra > summary {
cursor: pointer;
font-family: var(--sans);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
color: #000;
padding: 4px 0;
list-style: none;
display: inline-flex;
align-items: baseline;
gap: 10px;
}
.form-extra > summary::-webkit-details-marker { display: none; }
.form-extra > summary::before {
content: '+';
font-family: var(--display);
font-style: italic;
font-size: 18px;
color: #000;
line-height: 1;
width: 14px;
display: inline-block;
}
.form-extra[open] > summary::before { content: '–'; }
.form-extra__hint { color: #000; font-weight: 400; }
.form-extra__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: clamp(16px, 2vw, 24px);
row-gap: clamp(20px, 2vw, 28px);
padding-top: 24px;
}
@media (max-width: 768px) {
.form-extra__grid { grid-template-columns: 1fr; }
}
.alignment-mandate {
max-width: 720px;
}
.alignment-mandate p { margin: 0; }
.about-narrative {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.alignment-principles {
margin-top: clamp(40px, 5vw, 64px);
padding-top: clamp(28px, 3vw, 40px);
border-top: 1px solid var(--rule);
max-width: 960px;
}
.alignment-principles ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 14px;
}
.alignment-principles li {
position: relative;
padding-left: 24px;
font-size: 16px;
line-height: 1.6;
color: #000;
}
.alignment-principles li::before {
content: '·';
position: absolute;
left: 0;
top: -4px;
font-size: 28px;
font-family: var(--display);
color: #000;
line-height: 1;
}
.alignment-xref {
font-size: 16px;
line-height: 1.65;
color: #000;
}
.alignment-xref__cta { margin-top: 18px; }
.scenarios-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--rule);
}
.scenario-card {
background: var(--ivory);
padding: clamp(28px, 3vw, 40px);
display: flex;
flex-direction: column;
gap: 16px;
}
.scenario-card h3 {
font-family: var(--display);
font-size: clamp(20px, 1.7vw, 26px);
line-height: 1.25;
color: #000;
margin: 0;
}
.scenario-card__details {
margin: 8px 0 0;
display: grid;
gap: 18px;
}
.scenario-card__details > div { display: grid; gap: 6px; }
.scenario-card__details dt {
font-family: var(--sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #000;
}
.scenario-card__details dd {
margin: 0;
font-size: 14.5px;
line-height: 1.55;
color: #000;
}
@media (max-width: 1024px) {
.scenarios-grid { grid-template-columns: 1fr; }
}
.guide-stream__head {
margin-bottom: clamp(40px, 5vw, 72px);
}
.guide-categories {
display: grid;
gap: clamp(48px, 6vw, 80px);
}
.guide-category {
display: grid;
gap: clamp(20px, 2.5vw, 32px);
}
.guide-category__head {
display: grid;
grid-template-columns: minmax(140px, 1fr) minmax(0, 3fr);
gap: clamp(16px, 2vw, 32px);
align-items: baseline;
padding-bottom: clamp(14px, 1.5vw, 22px);
border-bottom: 1px solid var(--rule);
}
.dark .guide-category__head { border-bottom-color: var(--rule-ivory); }
.guide-category__num {
font-family: var(--display);
font-style: italic;
font-size: clamp(14px, 1.2vw, 17px);
color: #000;
letter-spacing: 0.04em;
white-space: nowrap;
}
.dark .guide-category__num { color: var(--champagne-light); }
.guide-category__title {
font-family: var(--display);
font-size: clamp(22px, 1.9vw, 28px);
line-height: 1.25;
color: #000;
margin: 0;
}
.dark .guide-category__title { color: var(--white); }
.guide-category__cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(24px, 3vw, 40px);
}
@media (max-width: 768px) {
.guide-category__cards { grid-template-columns: 1fr; }
.guide-category__head { grid-template-columns: 1fr; gap: 6px; }
}
.related-insights {
margin-top: clamp(40px, 4vw, 56px);
padding-top: clamp(24px, 2.5vw, 32px);
border-top: 1px solid var(--champagne-light);
}
.related-insights .related-insights__label,
.article-body .related-insights__label {
font-family: var(--sans);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #000;
margin: 0 0 22px;
line-height: 1;
}
.related-insights__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(24px, 3vw, 40px);
}
.related-insights__card {
display: block;
text-decoration: none;
color: inherit;
}
.article-body .related-insights__card { border-bottom: none; color: inherit; }
.related-insights__card h3 {
font-family: var(--display);
font-size: clamp(18px, 1.5vw, 22px);
line-height: 1.25;
color: #000;
margin: 0 0 10px;
}
.related-insights__card p {
margin: 0 0 12px;
font-size: 14.5px;
line-height: 1.55;
color: #000;
}
.related-insights__card .related-insights__link {
font-family: var(--sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #000;
border-bottom: 1px solid var(--champagne-light);
padding-bottom: 2px;
}
.related-insights__card:hover h3 { color: #000; }
.related-insights__card:hover .related-insights__link { color: #000; border-bottom-color: var(--champagne); }
@media (max-width: 768px) {
.related-insights__grid { grid-template-columns: 1fr; }
}
.contact-direct__email-line {
margin: clamp(20px, 2vw, 28px) 0 0;
}
.contact-direct__email {
font-family: var(--display);
font-style: italic;
font-size: clamp(20px, 1.8vw, 26px);
color: #000;
border-bottom: 1px solid var(--champagne-light);
padding-bottom: 4px;
letter-spacing: 0.01em;
white-space: nowrap;
transition: color var(--t-fast), border-color var(--t-fast);
}
.contact-direct__email:hover { color: #000; border-bottom-color: var(--champagne); }
.contact-direct__address {
margin-top: clamp(28px, 3vw, 40px);
padding-top: clamp(20px, 2vw, 28px);
border-top: 1px solid var(--rule);
font-size: 16px;
line-height: 1.6;
color: #000;
}
.contact-process ol {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--rule);
border-top: 1px solid var(--rule);
border-bottom: 1px solid var(--rule);
}
.contact-process li {
background: var(--ivory);
padding: clamp(28px, 3vw, 40px);
display: grid;
grid-template-columns: 32px 1fr;
column-gap: 18px;
align-items: start;
}
.contact-process__num {
font-family: var(--display);
font-style: italic;
font-size: clamp(20px, 1.6vw, 24px);
color: #000;
line-height: 1;
letter-spacing: 0;
}
.contact-process h3 {
font-family: var(--display);
font-size: clamp(18px, 1.4vw, 22px);
line-height: 1.2;
color: #000;
margin: 0 0 8px;
}
.contact-process p {
margin: 0;
font-size: 14.5px;
line-height: 1.55;
color: #000;
}
@media (max-width: 768px) {
.contact-process ol { grid-template-columns: 1fr; }
}
.contact-card {
background: var(--ivory);
margin-top: 18px;
border-top: 1px solid var(--rule);
}
.contact-card:first-of-type { margin-top: clamp(32px, 4vw, 48px); }
.contact-card[open] { background: var(--bone); }
.contact-card__summary {
cursor: pointer;
list-style: none;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 24px;
padding: clamp(24px, 2.5vw, 32px) clamp(20px, 2vw, 28px);
transition: background var(--t-fast);
}
.contact-card__summary::-webkit-details-marker { display: none; }
.contact-card__summary:hover { background: var(--bone); }
.contact-card__label {
display: flex;
flex-direction: column;
gap: 6px;
}
.contact-card__title {
font-family: var(--display);
font-size: clamp(20px, 1.7vw, 26px);
line-height: 1.2;
color: #000;
}
.contact-card__hint {
font-family: var(--sans);
font-size: 13px;
color: #000;
letter-spacing: 0.01em;
}
.contact-card__chevron {
width: 28px;
height: 28px;
position: relative;
flex-shrink: 0;
transition: transform var(--t-med);
}
.contact-card__chevron::before,
.contact-card__chevron::after {
content: '';
position: absolute;
width: 11px;
height: 1.5px;
background: var(--champagne-ink);
top: 50%;
border-radius: 0.5px;
transition: background var(--t-fast);
}
.contact-card__chevron::before { left: 4px; transform: translateY(-50%) rotate(35deg); transform-origin: right center; }
.contact-card__chevron::after { right: 4px; transform: translateY(-50%) rotate(-35deg); transform-origin: left center; }
.contact-card[open] .contact-card__chevron { transform: rotate(180deg); }
.contact-card__summary:hover .contact-card__chevron::before,
.contact-card__summary:hover .contact-card__chevron::after { background: var(--champagne); }
.contact-card__body {
padding: clamp(24px, 3vw, 40px) clamp(20px, 2vw, 28px) clamp(32px, 4vw, 56px);
border-top: 1px solid var(--rule);
}
.tenets--tech { margin-top: clamp(40px, 5vw, 64px); }
.contact-page .contact-hero {
position: relative;
background: var(--navy-deep);
color: var(--white);
overflow: hidden;
isolation: isolate;
padding: clamp(48px, 6vw, 88px) 0 clamp(40px, 5vw, 80px);
}
.contact-page .contact-hero::before,
.contact-page .contact-hero::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}
.contact-page .contact-hero::before {
background:
radial-gradient(60% 80% at 85% 0%, rgba(255, 255, 255, 0.10), transparent 60%),
radial-gradient(50% 70% at 0% 100%, rgba(20, 48, 79, 0.65), transparent 65%);
}
.contact-page .contact-hero::after {
background: linear-gradient(180deg, transparent 0%, transparent calc(100% - 1px), rgba(255,255,255,0.10) 100%);
}
.contact-page .contact-hero > .container { position: relative; z-index: 1; }
.contact-page .contact-hero .crumbs { color: var(--white); margin-bottom: 32px; }
.contact-page .contact-hero .crumbs a { color: var(--white); }
.contact-page .contact-hero .crumbs a:hover { color: var(--champagne-light); }
.contact-page .contact-hero .crumbs span { color: var(--white); }
.contact-page .contact-hero .eyebrow { color: var(--champagne-light); }
.contact-page .contact-hero .eyebrow::before { background: var(--champagne-light); }
.contact-page .contact-hero h1 {
color: var(--white);
margin: 24px 0 0;
line-height: 1.04;
padding-bottom: 0.08em;
}
.contact-page .contact-hero h1 em {
font-style: italic;
color: var(--champagne-light);
font-weight: 500;
}
.contact-page .contact-hero__logo {
display: block;
height: clamp(56px, 6vw, 80px);
width: auto;
filter: brightness(0) invert(1);
margin: 0 0 clamp(32px, 4.5vw, 64px);
}
.contact-page .contact-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(40px, 6vw, 96px);
align-items: start;
}
.contact-page .contact-hero__lede {
margin: clamp(32px, 4vw, 52px) 0 0;
font-family: var(--display);
font-weight: 300;
font-size: clamp(20px, 1.7vw, 26px);
line-height: 1.5;
color: var(--on-dark-1);
max-width: 38ch;
letter-spacing: -0.005em;
}
.contact-page .contact-hero__lede em { font-style: italic; color: var(--champagne-light); }
.contact-page .address-card {
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.025);
backdrop-filter: blur(2px);
padding: clamp(36px, 3.7vw, 52px);
display: flex;
flex-direction: column;
gap: 32px;
}
.contact-page .address-card__row {
display: flex;
flex-direction: column;
gap: 12px;
}
.contact-page .address-card__label {
font-family: var(--sans);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--champagne-light);
}
.contact-page .address-card__email {
font-family: var(--display);
font-style: italic;
font-weight: 400;
font-size: clamp(24px, 2.6vw, 34px);
line-height: 1.2;
color: var(--white);
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.55);
padding-bottom: 10px;
transition: color var(--t-fast), border-color var(--t-fast);
word-break: break-word;
}
.contact-page .address-card__email:hover { color: var(--champagne-light); border-bottom-color: var(--champagne-light); }
.contact-page .address-card__location {
font-family: var(--display);
font-weight: 400;
font-size: 26.5px;
line-height: 1.55;
color: var(--on-dark-1);
margin: 0;
}
.contact-page .address-card__row + .address-card__row .address-card__label {
font-size: 15px;
}
.contact-page .address-card__rule {
height: 1px;
background: rgba(255, 255, 255, 0.14);
border: 0;
margin: 4px 0 0;
}
.contact-page .address-card__note {
font-family: var(--sans);
font-size: 16px;
line-height: 1.6;
color: var(--white);
margin: 0;
}
.contact-page .inquiry-intro {
text-align: center;
max-width: 960px;
margin: 0 auto clamp(24px, 3vw, 40px);
}
.contact-page .inquiry-intro .eyebrow { justify-content: center; }
.contact-page .inquiry-intro h2 {
font-family: var(--display);
font-weight: 600;
font-size: clamp(48px, 7vw, 120px);
line-height: 1;
letter-spacing: -0.025em;
color: #000;
margin: 14px auto 0;
max-width: none;
}
.contact-page .inquiry-intro h2 em {
font-style: italic;
color: #000;
font-weight: 500;
}
.contact-page .inquiry-intro__sub {
font-family: var(--display);
font-weight: 400;
font-size: clamp(18px, 1.55vw, 24px);
line-height: 1.55;
color: #000;
max-width: 56ch;
margin: 16px auto 0;
}
.contact-page .inquiry-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.contact-page .inquiry-cards:has(.inquiry-card[open]) {
grid-template-columns: 1fr;
}
.contact-page .inquiry-confidential {
margin: clamp(28px, 3.5vw, 44px) auto 0;
padding-top: clamp(22px, 2.4vw, 32px);
border-top: 1px solid var(--rule);
font-family: var(--sans);
font-size: 15px;
line-height: 1.7;
color: #000;
text-align: center;
max-width: none;
letter-spacing: 0.005em;
}
.contact-page .inquiry-card {
background: linear-gradient(180deg, var(--navy), var(--navy-deep));
border: 1px solid var(--accent-metallic);
border-radius: 8px;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.10),
0 6px 14px rgba(0, 0, 0, 0.32);
transition: background var(--t-med), border-color var(--t-med),
box-shadow var(--t-med), transform var(--t-med);
}
.contact-page .inquiry-card:not([open]):hover,
.contact-page .inquiry-card:not([open]):focus-within {
background: linear-gradient(180deg, var(--navy-soft), var(--navy));
border-color: var(--accent-metallic);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.14),
0 10px 22px rgba(0, 0, 0, 0.40);
transform: translateY(-2px);
}
.contact-page .inquiry-card[open] {
background: var(--white);
border-color: rgba(10, 26, 47, 0.20);
}
.contact-page .inquiry-card__summary {
cursor: pointer;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: clamp(22px, 2.6vw, 32px) clamp(22px, 2.6vw, 32px);
transition: background var(--t-fast);
}
.contact-page .inquiry-card__summary::-webkit-details-marker { display: none; }
.contact-page .inquiry-card__summary:focus-visible {
outline: 2px solid var(--champagne-light);
outline-offset: 3px;
}
.contact-page .inquiry-card__label {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
}
.contact-page .inquiry-card__title {
font-family: var(--display);
font-weight: 600;
font-size: clamp(22px, 2vw, 30px);
line-height: 1.15;
color: var(--white);
letter-spacing: -0.005em;
transition: color var(--t-fast);
}
.contact-page .inquiry-card__hint {
font-family: var(--sans);
font-size: 15px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.82);
letter-spacing: 0.01em;
transition: color var(--t-fast);
}
.contact-page .inquiry-card[open] .inquiry-card__title { color: #000; }
.contact-page .inquiry-card[open] .inquiry-card__hint { color: #000; }
.contact-page .inquiry-card__chevron {
width: 32px;
height: 32px;
position: relative;
flex-shrink: 0;
border: 1px solid rgba(255, 255, 255, 0.40);
border-radius: 50%;
transition: border-color var(--t-med), background var(--t-med);
}
.contact-page .inquiry-card__chevron::before,
.contact-page .inquiry-card__chevron::after {
content: '';
position: absolute;
left: 50%; top: 50%;
background: var(--white);
transform: translate(-50%, -50%);
transition: transform var(--t-med), opacity var(--t-med);
}
.contact-page .inquiry-card__chevron::before { width: 12px; height: 1px; }
.contact-page .inquiry-card__chevron::after { width: 1px; height: 12px; }
.contact-page .inquiry-card:not([open]):hover .inquiry-card__chevron,
.contact-page .inquiry-card:not([open]):focus-within .inquiry-card__chevron,
.contact-page .inquiry-card[open] .inquiry-card__chevron {
border-color: var(--champagne);
background: var(--champagne);
}
.contact-page .inquiry-card[open] .inquiry-card__chevron::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.contact-page .inquiry-card__body {
padding: clamp(8px, 1.5vw, 16px) clamp(22px, 2.6vw, 32px) clamp(20px, 2.4vw, 32px);
border-top: 1px solid var(--rule);
}
.contact-page .inquiry-card__intro {
font-family: var(--display);
font-weight: 500;
font-style: italic;
font-size: clamp(17px, 1.4vw, 21px);
line-height: 1.55;
color: #000;
max-width: none;
margin: clamp(10px, 1.4vw, 16px) 0 clamp(16px, 2vw, 24px);
}
.contact-page .form.form-card {
background: var(--white);
padding: clamp(20px, 2.6vw, 36px);
gap: 16px 32px;
}
.contact-page .form.form-card .field label {
font-size: 19px;
font-weight: 600;
}
.contact-page .form.form-card .field input,
.contact-page .form.form-card .field select,
.contact-page .form.form-card .field textarea {
font-size: 19px;
padding: 16px 16px;
background: #e8e8e8;
}
.contact-page .form.form-card .field input:focus,
.contact-page .form.form-card .field select:focus,
.contact-page .form.form-card .field textarea:focus {
background: var(--white);
}
.contact-page .form.form-card .field input::placeholder,
.contact-page .form.form-card .field textarea::placeholder {
opacity: 0.55;
}
.contact-page .contact-coda {
text-align: center;
padding: clamp(40px, 5vw, 64px) 0;
background: var(--ivory);
}
.contact-page .contact-coda .eyebrow { justify-content: center; color: #000; }
.contact-page .contact-coda .eyebrow::before { background: var(--champagne-ink); }
.contact-page .contact-coda h3 {
font-family: var(--display);
font-weight: 400;
font-size: clamp(28px, 3vw, 44px);
line-height: 1.15;
color: #000;
margin: 18px auto 0;
max-width: 22ch;
}
.contact-page .contact-coda h3 em { font-style: italic; color: #000; font-weight: 500; }
.contact-page .contact-coda__email {
display: inline-block;
margin-top: 28px;
font-family: var(--display);
font-style: italic;
font-size: clamp(18px, 1.6vw, 22px);
color: #000;
border-bottom: 1px solid var(--champagne);
padding-bottom: 4px;
transition: color var(--t-fast), border-color var(--t-fast);
}
.contact-page .contact-coda__email:hover { color: #000; border-bottom-color: var(--champagne-ink); }
@media (max-width: 880px) {
.contact-page .contact-hero__grid { grid-template-columns: 1fr; align-items: stretch; }
.contact-page .inquiry-intro { margin-bottom: clamp(22px, 4vw, 36px); }
.contact-page .inquiry-cards { grid-template-columns: 1fr; }
.contact-page .inquiry-card__summary { flex-wrap: wrap; }
}
@media (max-width: 520px) {
.contact-page .address-card { padding: 24px; }
.contact-page .inquiry-card__chevron { width: 28px; height: 28px; }
.contact-page .inquiry-card__chevron::before { width: 10px; }
.contact-page .inquiry-card__chevron::after { height: 10px; }
}
@media print {
.site-header, .topline, .site-footer, .callout, .skip-link, .mobile-menu { display: none; }
body { background: #fff; color: #000; }
.hero, .page-hero { min-height: 0; color: #000; }
.hero__bg, .hero__scrim { display: none; }
.section, .section-sm { padding: 24px 0; }
a { color: #000; text-decoration: underline; }
a[href]::after { content: " (" attr(href) ")"; font-size: 10px; color: #000; }
a[href^="#"]::after, a[href^="mailto:"]::after { content: ""; }
h1, h2, h3 { page-break-after: avoid; }
p, li { page-break-inside: avoid; }
}
@media (min-width: 961px) {
.split--media-left { grid-template-columns: 1fr 1fr; }
.split--media-left .split__media { order: -1; }
}
.mandate-card h3 {
font-family: var(--display);
font-weight: 600;
font-size: clamp(20px, 1.7vw, 26px);
line-height: 1.2;
margin: 0;
}
.split + .mandate-grid,
.split + .scenarios-grid,
.split + .process {
margin-top: clamp(48px, 6vw, 88px);
}
.checklist {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px 32px;
}
.checklist li {
position: relative;
padding-left: 26px;
font-size: 15px;
line-height: 1.55;
}
.checklist li::before {
content: "";
position: absolute;
left: 0;
top: 0.66em;
width: 14px;
height: 1px;
background: var(--champagne);
}
main :nth-child(even of .section, .section-sm) .checklist li::before {
background: var(--champagne-light);
}
.timeline--compact .timeline__step p {
font-size: 14px;
line-height: 1.55;
margin: 4px 0 0;
}
.page-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: clamp(20px, 2.4vw, 32px);
margin-top: clamp(28px, 3.4vw, 44px);
}
.page-hero__actions.page-hero__actions--stack {
flex-direction: column;
align-items: flex-start;
gap: clamp(16px, 1.8vw, 24px);
}
.btn--champagne.btn--on-navy {
background: var(--white);
color: #000;
border-color: #000;
}
.btn--champagne.btn--on-navy:hover {
background: var(--ivory);
color: #000;
border-color: #000;
}
.cta-pair {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: clamp(20px, 2.4vw, 32px);
}
.tenets--lean .tenet h3 {
min-height: calc(1.15em * 2);
font-weight: 600;
}
#builder-fit .tenets {
background: #000 !important;
border: 1px solid #000;
}
#builder-fit .tenet {
padding: clamp(14px, 1.4vw, 20px);
gap: 8px;
background: var(--ivory);
}
#exclusive-access .body-lg,
#clients .body-lg,
#advantage .body-lg,
#mandate .body-lg,
#process .body-lg,
#privacy .body-lg {
font-size: clamp(1.0625rem, 0.95rem + 0.5vw, 1.25rem);
}
#privacy .media-split {
align-items: stretch;
}
#privacy .media-split__content {
display: flex;
flex-direction: column;
}
#privacy .media-split__content > .reveal {
flex: 1;
display: flex;
flex-direction: column;
}
#privacy .media-split__content > .reveal > :last-child {
margin-bottom: 0;
}
@media (min-width: 961px) {
#clients .tenets { grid-template-columns: repeat(4, 1fr); }
}
.tenets--lean .tenet {
min-height: 0;
padding: clamp(24px, 2.4vw, 36px);
gap: 12px;
}
#form {
padding-top: clamp(20px, 2.5vw, 40px);
padding-bottom: clamp(40px, 4vw, 68px);
}
#form .form { gap: 16px 32px; }
#form .form.form-card {
padding: clamp(24px, 3vw, 44px);
margin-top: clamp(16px, 2vw, 28px);
}
#form .field textarea { min-height: 96px; }
#manufacturer-partners .split__media img {
object-position: center 75%;
}
#manufacturer-partners .tenet {
min-height: 0;
padding: clamp(24px, 2.4vw, 36px);
gap: 12px;
}
#manufacturer-partners .tenet h3 {
min-height: 0;
font-weight: 600;
}
#form .form.form-card .field label {
font-size: 17px;
font-weight: 600;
}
#form .form.form-card .field input,
#form .form.form-card .field select,
#form .form.form-card .field textarea {
font-size: 17px;
font-weight: 500;
}
@media (max-width: 640px) {
#form .field textarea {
min-height: 180px;
}
}
.section > .container > .num {
font-family: var(--display);
font-style: italic;
font-weight: 500;
font-size: clamp(16px, 1.4vw, 18px);
color: #000;
letter-spacing: .02em;
margin-bottom: 12px;
}
main :nth-child(even of .section, .section-sm) > .container > .num {
color: var(--white);
}
.split.split--tall .body-lg:last-of-type {
margin-bottom: 0;
}
.section-intro {
max-width: 880px;
margin-left: auto;
margin-right: auto;
margin-bottom: clamp(32px, 4vw, 56px);
text-align: center;
}
#process .media-split__media { order: 1; }
#process .timeline--compact .timeline__step .num { color: #000 !important; }
#process .timeline--compact .timeline__step h3 { font-size: clamp(19px, 1.5vw, 23px); }
#process .timeline--compact .timeline__step p { font-size: 16px; }
#privacy .tenet h3 { font-size: clamp(19px, 1.5vw, 22px); }
#privacy .tenet .body,
#privacy .tenet p { font-size: 15px; line-height: 1.45; }
#privacy .tenet h3 {
display: flex;
align-items: baseline;
gap: clamp(8px, 0.8vw, 14px);
}
#privacy .tenet .tenet__num {
font-size: 11px;
letter-spacing: 0.2em;
color: var(--champagne-light);
flex-shrink: 0;
}
#privacy .tenet .tenet__num::before { display: none; }
#privacy .tenets--compact .tenet {
padding: clamp(10px, 1.1vw, 16px) clamp(14px, 1.5vw, 22px);
gap: clamp(4px, 0.5vw, 8px);
}
#privacy .tenets--compact {
gap: 0;
background: transparent;
}
#privacy .tenets--compact .tenet {
border-top: 1px solid var(--rule);
border-left: 1px solid var(--rule);
}
#privacy .tenets--compact .tenet:nth-child(-n + 2) { border-top: 0; }
#privacy .tenets--compact .tenet:nth-child(2n + 1) { border-left: 0; }
@media (max-width: 960px) {
#privacy .tenets--compact .tenet { border-left: 0; border-top: 1px solid var(--rule); }
#privacy .tenets--compact .tenet:first-child { border-top: 0; }
}
body.contact-page {
min-height: 100dvh;
display: flex;
flex-direction: column;
}
body.contact-page main {
flex: 1 0 auto;
display: flex;
flex-direction: column;
}
body.contact-page main > .section {
flex: 1 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
body.about-page .tenet .body {
font-size: 17px;
}
body.about-page .callout {
padding-top: clamp(20px, 2vw, 32px);
padding-bottom: clamp(20px, 2vw, 32px);
}
body.about-page .callout .eyebrow--stack-tight {
margin-bottom: clamp(10px, 1vw, 14px);
}
body.about-page .section--navy:has(+ .section--creme),
body.about-page .section--creme:has(+ .section--navy) {
padding-bottom: clamp(20px, 2vw, 32px);
}
body.about-page .section--navy + .section--creme,
body.about-page .section--creme + .section--navy {
padding-top: clamp(20px, 2vw, 32px);
}
body.about-page .page-hero + .section--navy {
padding-top: clamp(20px, 2vw, 32px);
}
body.purchases-page #mandate .tenet .body {
font-size: 14.5px;
line-height: 1.45;
}
body.purchases-page #mandate .tenet h3 {
font-size: clamp(18px, 1.5vw, 22px);
line-height: 1.2;
display: flex;
align-items: baseline;
gap: clamp(8px, 0.8vw, 14px);
margin: 0;
}
body.purchases-page #mandate .tenet .tenet__num {
font-size: 11px;
letter-spacing: 0.2em;
color: var(--champagne-ink);
flex-shrink: 0;
}
body.purchases-page #mandate .tenet .tenet__num::before { display: none; }
#advantage .tenet h3 {
display: flex;
align-items: baseline;
justify-content: center;
gap: clamp(8px, 0.8vw, 14px);
margin: 0;
}
#advantage .tenet .tenet__num {
font-size: 11px;
letter-spacing: 0.2em;
color: var(--champagne-light);
flex-shrink: 0;
}
#advantage .tenet .tenet__num::before { display: none; }
#advantage .tenets--lean .tenet {
padding-top: clamp(12px, 1.2vw, 18px);
padding-bottom: clamp(12px, 1.2vw, 18px);
gap: clamp(4px, 0.5vw, 8px);
text-align: center;
align-items: center;
}
#advantage .tenet .body,
#advantage .tenet p {
font-size: 14.5px;
line-height: 1.45;
margin: 0;
}
#clientele .media-split__content .btn {
margin-top: clamp(10px, 1.4vw, 20px);
}
#clientele .media-split__media {
background: var(--navy);
}
#clientele .media-split__media img {
object-fit: contain;
object-position: center;
}
#manufacturer-partners .split .btn {
margin-top: clamp(18px, 2.2vw, 32px);
}
#manufacturer-partners .btn--champagne {
background: var(--white);
color: #000;
border-color: #000;
}
#manufacturer-partners .btn--champagne:hover {
background: var(--ivory);
color: #000;
}
.services .service .btn {
align-self: flex-start;
}
.footer-wordmark {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
font-family: var(--display);
font-weight: 600;
font-size: clamp(15px, 1.5vw, 20px);
letter-spacing: 0.315em;
text-indent: 0.315em;
line-height: 1;
text-align: center;
color: var(--on-dark-1);
white-space: nowrap;
pointer-events: none;
}
@media (min-width: 961px) and (max-width: 1919px) {
.footer-wordmark { display: none; }
}
@media (max-width: 960px) {
.footer-grid {
grid-template-columns: 1fr;
justify-items: center;
align-items: start;
text-align: center;
gap: clamp(14px, 2.5vw, 24px);
}
.footer-wordmark {
position: static;
transform: none;
margin: 0 0 clamp(12px, 1.6vw, 20px);
}
.footer-rows {
grid-template-columns: 1fr;
justify-items: center;
row-gap: 4px;
}
.footer-row__label { margin-top: 8px; }
.footer-row__label:first-child { margin-top: 0; }
.footer-row__items {
display: block;
text-align: center;
}
.footer-row__items .footer-copyright {
display: block;
margin-top: 4px;
white-space: nowrap;
}
.footer-row__items .sep:has(+ .footer-copyright) {
display: none;
}
}
.services .service .btn--ghost:hover,
.services .service .btn--ghost:hover * {
color: var(--white) !important;
}
body.about-page .tenet {
min-height: 0;
padding: clamp(18px, 1.8vw, 28px);
gap: 12px;
}
body.about-page .tenet h3 {
min-height: 0;
}
#clientele .tenets {
gap: 0;
background: transparent;
}
#clientele .tenet {
border-top: 1px solid var(--rule);
}
#clientele .tenet:nth-child(-n + 2) {
border-top: 0;
}
#clientele .tenet:nth-child(even) {
border-left: 1px solid var(--rule);
}
@media (max-width: 600px) {
#clientele .tenet { border-left: 0; }
#clientele .tenet:nth-child(2) { border-top: 1px solid var(--rule); }
}
#builder-fit .tenets {
gap: 0;
background: transparent;
}
#builder-fit .tenet {
border-top: 1px solid var(--rule);
padding-top: clamp(13px, 1.3vw, 18px);
padding-bottom: clamp(13px, 1.3vw, 18px);
}
#builder-fit .tenet:nth-child(-n + 2) {
border-top: 0;
}
#builder-fit .tenet:nth-child(even) {
border-left: 1px solid var(--rule);
}
@media (max-width: 600px) {
#builder-fit .tenet:nth-child(even) { border-left: 0; }
#builder-fit .tenet:nth-child(2) { border-top: 1px solid var(--rule); }
}
#builder-fit .fit-themes {
display: flex;
flex-direction: column;
gap: clamp(16px, 1.8vw, 28px);
margin-top: 0;
}
#builder-fit .fit-theme {
padding-bottom: clamp(16px, 1.8vw, 26px);
border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
#builder-fit .fit-theme:last-child {
padding-bottom: 0;
border-bottom: 0;
}
#builder-fit .fit-theme__title {
font-family: var(--display);
font-size: clamp(22px, 2.2vw, 32px);
font-weight: 500;
line-height: 1.1;
letter-spacing: -0.015em;
color: #000;
margin: 0 0 clamp(6px, 0.7vw, 10px);
}
#builder-fit .fit-theme__body {
font-family: var(--sans);
font-size: clamp(14.5px, 1vw, 16px);
line-height: 1.55;
color: #000;
margin: 0;
max-width: 60ch;
}
#builder-fit .media-split {
align-items: stretch;
}
#builder-fit .media-split__content {
justify-content: flex-start;
gap: clamp(10px, 1.1vw, 18px);
}
#builder-fit .reveal {
opacity: 1;
transform: none;
}
#builder-fit.section {
padding-top: clamp(24px, 2.8vw, 44px);
padding-bottom: clamp(24px, 2.8vw, 44px);
}
body.manufacturer-page #mandate.section,
body.manufacturer-page #market-entry.section {
padding-top: clamp(24px, 2.8vw, 44px);
}
#execution .media-split + .media-split {
border-top: 0;
padding-top: 0;
margin-top: clamp(16px, 2vw, 32px);
}
#execution .media-split {
align-items: stretch;
}
body.purchases-page #mandate .tenets {
gap: 0;
background: transparent;
}
body.purchases-page #mandate .tenet {
padding: clamp(8px, 0.9vw, 12px) clamp(16px, 1.7vw, 24px);
gap: 4px;
border-top: 1px solid var(--navy);
border-left: 1px solid var(--navy);
}
body.purchases-page #mandate .tenet h3 {
min-height: 0;
}
body.purchases-page #mandate .tenet:nth-child(-n + 3) { border-top: 0; }
body.purchases-page #mandate .tenet:nth-child(3n + 1) { border-left: 0; }
@media (max-width: 960px) {
body.purchases-page #mandate .tenet { border-left: 0; }
body.purchases-page #mandate .tenet:nth-child(-n + 3) { border-top: 1px solid var(--navy); }
body.purchases-page #mandate .tenet:first-child { border-top: 0; }
}
body.manufacturer-page #mandate .tenets {
gap: 2px;
background: #ffffff !important;
border: 2px solid #ffffff !important;
}
body.manufacturer-page #mandate .tenet {
background: var(--navy);
border: 0;
min-height: 0;
padding: clamp(14px, 1.2vw, 20px);
gap: 6px;
}
body.manufacturer-page #mandate .tenet h3 {
min-height: 0;
font-size: clamp(17px, 1.4vw, 21px);
line-height: 1.2;
}
body.manufacturer-page #mandate .tenet,
body.manufacturer-page #mandate .tenet * {
color: var(--white) !important;
}
body.manufacturer-page #demand .tenet {
background: var(--navy);
padding: clamp(14px, 1.2vw, 20px);
min-height: 0;
gap: 6px;
}
body.manufacturer-page #demand .tenet h3 {
min-height: 0;
font-size: clamp(17px, 1.4vw, 21px);
line-height: 1.2;
}
body.manufacturer-page #demand .tenet,
body.manufacturer-page #demand .tenet * {
color: var(--white) !important;
}
body.manufacturer-page #demand .tenets {
background: #ffffff !important;
border: 2px solid #ffffff !important;
gap: 2px;
}
body.manufacturer-page #mandate .tenet h3 { min-height: 0; }
#demand .tenets {
gap: 0;
background: transparent;
}
#demand .tenet {
border-left: 1px solid var(--rule);
}
#demand .tenet:nth-child(3n + 1) { border-left: 0; }
@media (max-width: 960px) {
#demand .tenet { border-left: 0; border-top: 1px solid var(--rule); }
#demand .tenet:first-child { border-top: 0; }
}
.services .service:nth-child(3) .service__img img {
object-position: 100% 55%;
}
#clientele .tenet .body {
font-size: 16px;
}
#clientele .tenet {
background: var(--ivory);
padding-top: clamp(13px, 1.3vw, 18px);
padding-bottom: clamp(13px, 1.3vw, 18px);
}
#clientele .link-inline {
align-self: start;
color: var(--navy);
}
#clientele .btn--primary,
#clientele .btn--primary:hover {
background: var(--white);
color: #000;
border: 2px solid #000;
}
#clientele .btn--primary:hover {
background: var(--ivory);
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
}
#exclusive-access .tenet {
padding: clamp(16px, 1.7vw, 24px);
gap: 8px;
background: var(--ivory);
}
#exclusive-access .tenet h3 {
min-height: 0;
}
.difference-media {
margin-top: clamp(32px, 4vw, 56px);
}
.difference-media img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 960px) {
.pillars { grid-template-columns: 1fr; }
.pillar-item {
padding-left: 0;
padding-right: 0;
border-left: 0;
}
.pillar-item + .pillar-item {
padding-top: clamp(20px, 4vw, 32px);
margin-top: clamp(20px, 4vw, 32px);
border-top: 1px solid var(--rule);
}
main :nth-child(even of .section, .section-sm) .pillar-item + .pillar-item {
border-top-color: var(--rule-ivory);
}
}
#form .split__media {
margin-top: clamp(16px, 2vw, 28px);
}
body.purchases-page .tenet {
background: var(--white);
}
body.purchases-page .tenets,
#clientele .tenets {
background: #000 !important;
border: 2px solid #000 !important;
}
#privacy .tenet {
background: var(--navy);
border: 0;
}
#privacy .tenet,
#privacy .tenet * {
color: var(--white) !important;
}
#privacy .tenets {
background: #ffffff !important;
border: 2px solid #ffffff !important;
gap: 2px !important;
}
#clients .tenet {
background: var(--ivory);
}
#advantage .tenet {
background: var(--navy);
}
#advantage .tenet,
#advantage .tenet * {
color: var(--white) !important;
}
#advantage .tenets {
background: #ffffff !important;
border: 2px solid #ffffff !important;
gap: 2px !important;
}
body.purchases-page #mandate .tenet {
background: var(--ivory) !important;
}
#process,
#process * {
color: #000 !important;
}
#process,
#process .timeline,
#process .timeline.timeline--compact,
#process .timeline.timeline--compact .timeline__step,
#process .media-split__content > div,
#process .media-split,
#process .media-split__media {
background: var(--ivory) !important;
}
#process .timeline.timeline--compact .timeline__step {
border-bottom: 1px solid rgba(10, 26, 47, 0.22) !important;
}
#process .media-split__content .reveal:first-child .body-lg:last-child {
margin-bottom: clamp(10px, 1vw, 16px);
}
#process .timeline.timeline--compact .timeline__step:first-child {
padding-top: 0;
}
#process .timeline.timeline--compact .timeline__step:last-child {
border-bottom: 0 !important;
}
body.purchases-page .form.form-card,
body.manufacturer-page .form.form-card {
background: var(--white);
}
body.purchases-page .form.form-card .field input,
body.purchases-page .form.form-card .field select,
body.purchases-page .form.form-card .field textarea,
body.manufacturer-page .form.form-card .field input,
body.manufacturer-page .form.form-card .field select,
body.manufacturer-page .form.form-card .field textarea {
background: #ececec;
}
body.purchases-page .form.form-card .field input:focus,
body.purchases-page .form.form-card .field select:focus,
body.purchases-page .form.form-card .field textarea:focus,
body.manufacturer-page .form.form-card .field input:focus,
body.manufacturer-page .form.form-card .field select:focus,
body.manufacturer-page .form.form-card .field textarea:focus {
background: var(--white);
}
body.purchases-page .tenet .body,
body.purchases-page .tenet p,
body.manufacturer-page .tenet .body,
body.manufacturer-page .tenet p {
font-size: 15.5px;
line-height: 1.6;
}
body.purchases-page .tenet h3,
body.manufacturer-page .tenet h3 {
font-size: clamp(20px, 1.7vw, 24px);
line-height: 1.2;
}
#manufacturer-partners .btn--champagne,
#manufacturer-partners .btn--champagne:hover {
background: var(--navy);
color: var(--white);
border-color: var(--navy);
}
#manufacturer-partners .btn--champagne:hover {
background: var(--navy-soft);
box-shadow: 0 14px 32px rgba(10, 26, 47, 0.22);
}
#lex-difference {
padding-top: clamp(8px, 1vw, 16px);
padding-bottom: clamp(8px, 1vw, 16px);
}
#practice {
padding-bottom: clamp(8px, 1vw, 16px);
}
#clientele {
padding-top: clamp(8px, 1vw, 16px);
}
#lex-difference .section-head {
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
padding-bottom: clamp(4px, 0.4vw, 8px);
margin-bottom: clamp(20px, 2.2vw, 32px);
}
#lex-difference .section-head {
grid-template-columns: 1fr;
align-items: start;
gap: 12px;
margin-bottom: clamp(20px, 2.4vw, 36px);
}
#lex-difference .section-head h2 {
max-width: none;
}
.lex-difference-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(12px, 1.4vw, 24px);
}
.lex-difference-tile {
position: relative;
overflow: hidden;
aspect-ratio: 3 / 4;
background: var(--navy-deep);
color: var(--white);
text-decoration: none;
isolation: isolate;
border-radius: var(--radius-soft);
}
a.lex-difference-tile { cursor: pointer; }
.lex-difference-tile:focus-visible {
outline: 2px solid var(--champagne-light);
outline-offset: 4px;
}
.lex-difference-tile__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.lex-difference-tile__bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 650ms cubic-bezier(0.2, 0.7, 0.3, 1);
will-change: transform;
}
.lex-difference-tile--focus-right .lex-difference-tile__bg img {
object-position: 78% 50%;
}
.lex-difference-tile--focus-left .lex-difference-tile__bg img {
object-position: 22% 50%;
}
.lex-difference-tile:hover .lex-difference-tile__bg img,
.lex-difference-tile:focus-visible .lex-difference-tile__bg img,
.lex-difference-tile:focus-within .lex-difference-tile__bg img {
transform: scale(1.04);
}
.lex-difference-tile__scrim {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(180deg,
rgba(6, 19, 36, 0) 35%,
rgba(6, 19, 36, 0.55) 72%,
rgba(6, 19, 36, 0.92) 100%);
transition: background 400ms ease;
}
.lex-difference-tile:hover .lex-difference-tile__scrim,
.lex-difference-tile:focus-visible .lex-difference-tile__scrim,
.lex-difference-tile:focus-within .lex-difference-tile__scrim {
background: linear-gradient(180deg,
rgba(6, 19, 36, 0.18) 0%,
rgba(6, 19, 36, 0.62) 55%,
rgba(6, 19, 36, 0.96) 100%);
}
.lex-difference-tile__content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
padding: clamp(20px, 2.2vw, 32px);
color: var(--white);
}
.lex-difference-tile__kicker {
display: block;
font-family: var(--sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--champagne-light);
margin: 0 0 8px;
}
.lex-difference-tile__title {
font-family: var(--display);
font-weight: 500;
font-size: clamp(26px, 2.6vw, 38px);
line-height: 1.08;
margin: 0;
color: var(--white);
}
.lex-difference-tile__body {
font-family: var(--sans);
font-size: clamp(14px, 0.95vw, 15.5px);
line-height: 1.55;
color: rgba(255, 255, 255, 0.92);
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 450ms cubic-bezier(0.2, 0.7, 0.3, 1),
opacity 300ms ease 80ms,
padding-top 350ms ease;
padding-top: 0;
}
.lex-difference-tile:hover .lex-difference-tile__body,
.lex-difference-tile:focus-visible .lex-difference-tile__body,
.lex-difference-tile:focus-within .lex-difference-tile__body {
max-height: 280px;
opacity: 1;
padding-top: clamp(10px, 1vw, 14px);
}
@media (hover: none) {
.lex-difference-tile__body {
max-height: 280px;
opacity: 1;
padding-top: clamp(10px, 1vw, 14px);
transition: none;
}
.lex-difference-tile__bg img,
.lex-difference-tile__scrim {
transition: none;
}
}
@media (max-width: 960px) {
.lex-difference-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.lex-difference-tile {
aspect-ratio: 16 / 10;
}
.lex-difference-tile__body {
max-height: 320px;
opacity: 1;
padding-top: clamp(10px, 1vw, 14px);
}
}
@media (prefers-reduced-motion: reduce) {
.lex-difference-tile__bg img,
.lex-difference-tile__scrim,
.lex-difference-tile__body {
transition: none;
}
}
.section.section--creme:has(.pillars) .difference-media {
margin-top: clamp(24px, 2.8vw, 40px);
}
#manufacturer-partners .section-head {
grid-template-columns: 1fr;
align-items: start;
gap: 6px;
margin-bottom: clamp(8px, 0.8vw, 14px);
padding-bottom: 0;
border-bottom: 0 !important;
}
#manufacturer-partners .section-head h2 {
max-width: none;
font-size: clamp(28px, 3.5vw, 52px);
letter-spacing: -0.02em;
text-wrap: balance;
line-height: 1.02;
margin: 0;
}
#manufacturer-partners {
padding-top: clamp(14px, 1.4vw, 22px);
padding-bottom: clamp(14px, 1.4vw, 22px);
}
#manufacturer-partners .split--tall .lede,
#manufacturer-partners .split--tall .body-lg,
#manufacturer-partners .split--tall .body-lg:last-of-type {
margin-bottom: clamp(14px, 1.4vw, 20px);
}
#manufacturer-partners .split--tall .lede {
font-size: clamp(20px, 2vw, 28px);
line-height: 1.6;
font-weight: 500;
}
#manufacturer-partners .split--tall .body-lg {
font-size: clamp(1rem, 1.1vw, 1.125rem);
line-height: 1.6;
}
#manufacturer-partners .split--tall .body-lg + .body-lg {
margin-top: 0;
}
#manufacturer-partners .split--tall .btn {
margin-top: clamp(14px, 1.4vw, 22px);
}
#manufacturer-partners .split + .tenets {
margin-top: clamp(22px, 2.2vw, 36px);
}
#manufacturer-partners .tenets {
background: var(--taupe) !important;
border: 2px solid var(--taupe);
gap: 2px;
}
#manufacturer-partners .tenet {
padding: clamp(12px, 1.2vw, 18px);
gap: 6px;
min-height: 0;
}
#manufacturer-partners .tenet h3 {
font-size: clamp(18px, 1.5vw, 22px);
line-height: 1.2;
margin: 0;
min-height: 0;
}
#manufacturer-partners .tenet .body,
#manufacturer-partners .tenet p {
font-size: 14.5px;
line-height: 1.5;
margin: 0;
}
@media (min-width: 961px) {
.media-split--reverse .media-split__media { order: 2; }
.media-split--reverse .media-split__content { order: 1; }
}
.difference__lede {
margin-bottom: clamp(20px, 2vw, 32px);
max-width: 56ch;
}
.split__media--captioned {
margin: 0;
position: relative;
}
.split__media--captioned:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 3px;
}
.section.section--navy .split__media--captioned:focus-visible {
outline-color: var(--accent-light);
}
.split__media__caption {
position: absolute;
right: clamp(14px, 1.5vw, 22px);
bottom: clamp(14px, 1.5vw, 22px);
margin: 0;
padding: 8px 14px;
font-family: var(--sans);
font-size: 10px;
font-weight: 500;
text-align: right;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--champagne-light);
background: rgba(6, 19, 36, 0.78);
backdrop-filter: blur(6px) saturate(1.1);
-webkit-backdrop-filter: blur(6px) saturate(1.1);
opacity: 0;
transform: translateY(6px);
transition: opacity var(--t-med), transform var(--t-med);
pointer-events: none;
z-index: 2;
white-space: nowrap;
}
.split__media__caption--top {
top: clamp(14px, 1.5vw, 22px);
bottom: auto;
transform: translateY(-6px);
}
.split__media__caption__title,
.split__media__caption__sub {
display: block;
line-height: 1.4;
}
.split__media__caption__sub {
font-size: 9px;
opacity: 0.78;
margin-top: 2px;
font-weight: 400;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.split__media__caption { background: rgba(6, 19, 36, 0.92); }
}
.split__media--captioned:hover .split__media__caption,
.split__media--captioned:focus .split__media__caption,
.split__media--captioned:focus-within .split__media__caption {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 768px) {
.split__media__caption { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.split__media__caption { transform: none; transition: opacity var(--t-fast); }
}
.principal-letter {
display: grid;
grid-template-columns: 1fr;
gap: clamp(24px, 3vw, 40px);
align-items: start;
}
@media (min-width: 961px) {
.principal-letter {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(40px, 5vw, 80px);
align-items: stretch;
}
}
.principal-letter__content {
min-width: 0;
display: flex;
flex-direction: column;
gap: clamp(12px, 1.4vw, 20px);
}
.principal-letter__content .eyebrow--stack {
margin-bottom: 0;
}
.principal-letter__content .display-md {
font-size: clamp(26px, 2.8vw, 42px);
font-weight: 400;
line-height: 1.12;
letter-spacing: -0.01em;
}
.principal-letter__body { margin-top: clamp(24px, 2.2vw, 32px); }
.principal-letter__body p:first-child { margin-top: 0; }
.principal-letter__body p:last-child { margin-bottom: 0; }
.principal-letter__body p + p {
margin-top: clamp(18px, 1.6vw, 26px);
}
.principal-letter__media {
margin: 0;
overflow: hidden;
}
@media (min-width: 961px) {
.principal-letter__media {
align-self: stretch;
position: relative;
min-height: 0;
}
.principal-letter__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
@media (max-width: 960px) {
.principal-letter__media img {
width: 100%;
height: auto;
display: block;
}
}
#market-entry .media-split__content {
gap: clamp(8px, 0.8vw, 14px);
}
#market-entry.section {
padding-top: clamp(48px, 5.5vw, 88px);
padding-bottom: clamp(24px, 2.8vw, 44px);
}
#market-entry .playbook,
#execution .playbook {
list-style: none;
padding: 0;
margin: clamp(16px, 2vw, 28px) 0 0;
display: flex;
flex-direction: column;
gap: clamp(14px, 1.6vw, 24px);
background: transparent !important;
}
#market-entry .playbook__step,
#execution .playbook__step {
display: grid;
grid-template-columns: clamp(50px, 4.5vw, 68px) 1fr;
column-gap: clamp(14px, 1.4vw, 22px);
align-items: start;
padding-bottom: clamp(14px, 1.6vw, 24px);
border-bottom: 1px solid rgba(0, 0, 0, 0.16);
background: transparent !important;
border-radius: 0 !important;
}
#market-entry .playbook__step:last-child,
#execution .playbook__step:last-child {
padding-bottom: 0;
border-bottom: 0;
}
#market-entry .playbook__num,
#execution .playbook__num {
font-family: var(--display);
font-size: clamp(28px, 2.6vw, 40px);
font-weight: 500;
line-height: 0.95;
letter-spacing: -0.02em;
color: var(--champagne-ink);
display: block;
}
#market-entry .playbook__body,
#execution .playbook__body {
min-width: 0;
}
#market-entry .playbook__title,
#execution .playbook__title {
font-family: var(--display);
font-size: clamp(20px, 1.8vw, 26px);
font-weight: 500;
line-height: 1.1;
letter-spacing: -0.01em;
color: #000;
margin: 0 0 clamp(5px, 0.6vw, 9px);
}
#market-entry .playbook__copy,
#execution .playbook__copy {
font-family: var(--sans);
font-size: clamp(14.5px, 1vw, 16px);
line-height: 1.55;
color: #000;
margin: 0;
max-width: 60ch;
}
#market-entry .media-split,
#execution .media-split {
align-items: stretch;
}
@media (max-width: 600px) {
#market-entry .playbook__step,
#execution .playbook__step {
grid-template-columns: clamp(44px, 14vw, 56px) 1fr;
column-gap: 14px;
}
#market-entry .playbook__num,
#execution .playbook__num {
font-size: clamp(28px, 8vw, 36px);
}
}
#execution .media-split + .media-split {
margin-top: clamp(32px, 4vw, 64px);
}
.hero-intro { display: none; }
#practice {
padding-top: clamp(20px, 2vw, 32px);
}
@media (max-width: 768px) {
.hero-intro {
display: block;
background: var(--navy);
padding: clamp(20px, 4vw, 32px) 0;
}
.hero-intro .lede { margin: 0; color: var(--on-dark-1); }
.hero__meta .lede { display: none; }
.hero__meta {
border-top: none;
padding-top: 0;
}
#execution .media-split__media img + img { display: none; }
}
#tenets .tenets--compact {
grid-template-columns: 1fr;
gap: 0;
background: transparent !important;
}
#tenets .tenet {
display: flex;
flex-direction: column;
gap: 6px;
background: transparent;
border-top: 1px solid var(--taupe);
padding: clamp(16px, 1.8vw, 26px) 0;
min-height: 0;
}
#tenets .tenet:first-child {
border-top: 0;
padding-top: 0;
}
#tenets .tenet:last-child {
padding-bottom: 0;
}
#tenets .tenets--compact {
border: 0;
border-radius: 0;
overflow: visible;
}
#tenets .tenet h3 {
font-family: var(--display);
font-size: clamp(26px, 2.6vw, 38px);
font-weight: 400;
font-style: italic;
line-height: 1.1;
letter-spacing: -0.01em;
margin: 0;
min-height: 0;
color: var(--navy-deep) !important;
}
#tenets .tenet .body {
font-size: clamp(15.5px, 1.1vw, 17px);
line-height: 1.65;
color: var(--navy-deep) !important;
margin: 0;
max-width: 58ch;
}
#builder-fit .tenet h3,
#market-entry .tenet h3,
#demand .tenet h3,
#clients .tenet h3 {
display: flex;
align-items: baseline;
gap: clamp(8px, 0.8vw, 14px);
margin: 0;
font-size: clamp(17px, 1.4vw, 21px);
line-height: 1.2;
}
#builder-fit .tenet h3,
#market-entry .tenet h3,
#clients .tenet h3 {
min-height: calc(1.2em * 2);
align-content: flex-start;
}
#builder-fit .tenet .tenet__num,
#market-entry .tenet .tenet__num,
#demand .tenet .tenet__num,
#clients .tenet .tenet__num {
font-size: 11px;
letter-spacing: 0.2em;
color: var(--champagne-ink);
flex-shrink: 0;
}
#builder-fit .tenet .tenet__num::before,
#market-entry .tenet .tenet__num::before,
#demand .tenet .tenet__num::before,
#clients .tenet .tenet__num::before { display: none; }
#builder-fit .tenets--compact .tenet,
#market-entry .tenets--compact .tenet,
#clients .tenets--compact .tenet {
padding: clamp(10px, 1.1vw, 16px) clamp(14px, 1.5vw, 22px);
gap: clamp(4px, 0.5vw, 8px);
}
#exclusive-access.access-feature {
padding-top: clamp(20px, 2vw, 32px);
padding-bottom: clamp(20px, 2vw, 32px);
overflow: hidden;
scroll-margin-top: 120px;
}
#exclusive-access.access-feature::before {
display: none;
}
#exclusive-access.access-feature .container {
position: relative;
z-index: 1;
}
.access-feature__chapter {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;
padding-bottom: 0;
margin-bottom: clamp(12px, 1.2vw, 20px);
border-bottom: 0;
}
.access-feature__num {
font-family: var(--display);
font-style: italic;
font-weight: 500;
font-size: clamp(16px, 1.4vw, 18px);
letter-spacing: .02em;
color: rgba(255,255,255,0.86);
}
.access-feature__intro {
margin-bottom: clamp(16px, 1.6vw, 28px);
text-align: center;
}
#exclusive-access.access-feature .access-feature__intro h2 {
max-width: none;
font-size: clamp(26px, 4vw, 58px);
line-height: 1.02;
letter-spacing: -0.025em;
margin: 0 auto;
white-space: nowrap;
}
@media (max-width: 720px) {
#exclusive-access.access-feature .access-feature__intro h2 {
white-space: normal;
text-wrap: balance;
font-size: clamp(26px, 8vw, 44px);
}
}
#exclusive-access {
padding-top: clamp(20px, 2vw, 32px);
}
#representation {
padding-top: clamp(20px, 2vw, 32px);
padding-bottom: clamp(20px, 2vw, 32px);
}
#representation .section-head {
grid-template-columns: 1fr;
align-items: start;
gap: 0;
margin-bottom: clamp(12px, 1.4vw, 22px);
text-align: left;
border-bottom: 0 !important;
}
#representation .section-head > div {
max-width: none;
}
#representation .section-head h2 {
max-width: none;
font-size: clamp(26px, 4vw, 58px);
line-height: 1.05;
letter-spacing: -0.025em;
margin: 0;
}
#exclusive-access .section-head {
grid-template-columns: 1fr;
align-items: start;
gap: 0;
margin-bottom: clamp(12px, 1.4vw, 22px);
text-align: left;
border-bottom: 0 !important;
}
#exclusive-access .section-head > div {
max-width: none;
}
#exclusive-access .section-head .eyebrow {
display: block;
padding-bottom: clamp(6px, 0.6vw, 10px);
margin-bottom: clamp(10px, 1vw, 16px);
border-bottom: 1px solid #fff;
}
#exclusive-access .section-head h2 {
max-width: none;
font-size: clamp(26px, 4vw, 58px);
line-height: 1.05;
letter-spacing: -0.025em;
margin: 0;
white-space: nowrap;
}
@media (max-width: 720px) {
#exclusive-access .section-head h2 {
white-space: normal;
text-wrap: balance;
font-size: clamp(26px, 8vw, 44px);
}
}
.access-feature__lede {
margin: 0;
max-width: 34ch;
font-family: var(--display);
font-size: clamp(18px, 1.6vw, 24px);
line-height: 1.34;
font-weight: 500;
color: rgba(255,255,255,0.88) !important;
text-wrap: balance;
}
.access-feature__stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-bottom: clamp(18px, 2vw, 32px);
border: 1px solid #fff;
}
.access-feature__stats > div {
padding: clamp(10px, 1.2vw, 18px);
border-right: 1px solid #fff;
}
.access-feature__stats > div:last-child {
border-right: 0;
}
.access-feature__stat {
display: block;
font-family: var(--display);
font-size: clamp(28px, 3vw, 44px);
line-height: 1;
letter-spacing: -0.025em;
color: var(--white);
}
.access-feature__label {
display: block;
margin-top: 6px;
font-family: var(--sans);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(255,255,255,0.68);
}
.access-feature__body {
display: grid;
grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
gap: clamp(20px, 3vw, 48px);
align-items: stretch;
}
.access-feature__media {
position: relative;
min-height: clamp(220px, 26vw, 360px);
overflow: hidden;
border: 0;
border-radius: var(--radius-soft);
padding: 0;
}
.access-feature__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 55%;
border-radius: var(--radius-soft);
}
.access-feature__copy {
max-width: 680px;
padding-top: 0;
border-top: 0;
}
.access-feature__copy .body-lg {
margin-top: 0;
font-size: 14.5px;
line-height: 1.5;
color: rgba(255,255,255,0.92) !important;
}
.access-feature__copy .body-lg + .body-lg {
margin-top: clamp(10px, 1vw, 14px);
}
.access-feature__copy .body-lg:last-child {
margin-bottom: 0;
}
.access-feature__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: clamp(18px, 2vw, 32px);
border: 1px solid #fff;
border-radius: var(--radius-soft);
overflow: hidden;
}
.access-feature__card {
padding: clamp(14px, 1.6vw, 22px);
border-right: 1px solid #fff;
background: rgba(255,255,255,0.035);
}
.access-feature__card:last-child {
border-right: 0;
}
.access-feature__card-num {
display: block;
margin-bottom: 8px;
font-family: var(--display);
font-style: italic;
font-size: 14px;
color: rgba(255,255,255,0.62);
}
.access-feature__card h3 {
margin: 0 0 6px;
font-family: var(--display);
font-size: clamp(18px, 1.5vw, 22px);
line-height: 1.15;
font-weight: 600;
color: var(--white) !important;
}
.access-feature__card p {
margin: 0;
font-size: 13.5px;
line-height: 1.5;
color: rgba(255,255,255,0.78) !important;
}
@media (max-width: 960px) {
#exclusive-access.access-feature {
padding-top: clamp(76px, 14vw, 112px);
}
.access-feature__chapter {
align-items: center;
flex-direction: column;
gap: 6px;
}
.access-feature__intro,
.access-feature__body {
grid-template-columns: 1fr;
}
#exclusive-access.access-feature .access-feature__intro h2 {
max-width: 11ch;
font-size: clamp(42px, 12vw, 64px);
}
.access-feature__lede {
max-width: 100%;
}
.access-feature__stats,
.access-feature__cards {
grid-template-columns: 1fr;
}
.access-feature__stats > div,
.access-feature__card {
border-right: 0;
border-bottom: 1px solid #fff;
}
.access-feature__stats > div:last-child,
.access-feature__card:last-child {
border-bottom: 0;
}
.access-feature__media {
height: auto;
aspect-ratio: 4 / 5;
}
}
#mandate h2.display-md,
#process h2.display-md {
font-family: var(--display);
font-size: clamp(32px, 4.2vw, 68px);
font-weight: 500;
line-height: 1.08;
letter-spacing: -0.015em;
text-wrap: balance;
}
.clients-section {
background: var(--ivory);
}
.clients-section .clients-grid {
display: grid;
grid-template-columns: minmax(0, 0.55fr) minmax(360px, 1.45fr);
gap: clamp(28px, 4vw, 56px);
align-items: stretch;
}
.clients-section .clients-copy {
max-width: 720px;
}
.clients-section .clients-copy .eyebrow {
margin-bottom: clamp(18px, 2vw, 28px);
}
.clients-section .clients-copy h2 {
max-width: 14ch;
text-wrap: balance;
margin: 0 0 clamp(14px, 1.4vw, 20px);
}
.clients-section .clients-intro {
max-width: 60ch;
margin: 0 0 clamp(24px, 3vw, 36px);
font-family: var(--sans);
font-size: clamp(15px, 1.2vw, 17px);
line-height: 1.5;
color: rgba(10, 26, 47, 0.78);
}
.clients-section .client-list {
max-width: 46ch;
border-top: 1px solid rgba(10, 26, 47, 0.22);
}
.clients-section .client-item {
padding: clamp(20px, 2vw, 28px) 0;
border-bottom: 1px solid rgba(10, 26, 47, 0.22);
}
.clients-section .client-item h3 {
margin: 0 0 8px;
font-family: var(--display);
font-size: clamp(20px, 1.6vw, 25px);
font-weight: 500;
line-height: 1.15;
color: var(--navy);
}
.clients-section .client-item p {
max-width: 56ch;
margin: 0;
font-family: var(--sans);
font-size: 15px;
line-height: 1.55;
color: rgba(10, 26, 47, 0.82);
}
.clients-section .clients-media {
position: relative;
min-height: 0;
margin: 0;
border-radius: var(--radius-soft);
overflow: hidden;
}
.clients-section .clients-media img {
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--radius-soft);
}
@media (max-width: 1199px) {
.clients-section .clients-grid {
grid-template-columns: 1fr;
gap: clamp(28px, 4vw, 40px);
}
.clients-section .clients-copy {
max-width: none;
}
.clients-section .clients-media {
height: clamp(320px, 50vw, 520px);
}
}
#privacy .media-split {
align-items: stretch;
}
#privacy .media-split__media {
min-height: 100%;
}
#privacy .advisory-list {
list-style: none;
margin: clamp(14px, 1.6vw, 24px) 0 0;
padding: 0;
border-top: 1px solid rgba(255, 255, 255, 0.22);
}
#privacy .advisory-list li {
padding: clamp(12px, 1.4vw, 18px) 0;
font-family: var(--display);
font-size: clamp(19px, 1.5vw, 23px);
line-height: 1.2;
font-weight: 600;
color: var(--white);
border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
#mandate .mandate-split {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
gap: clamp(28px, 4vw, 64px);
align-items: stretch;
}
#mandate .mandate-split__media { order: 2; }
#mandate .mandate-split__content { order: 1; }
#mandate .mandate-split__media {
position: relative;
min-height: clamp(420px, 52vw, 720px);
overflow: hidden;
border-radius: var(--radius-soft);
}
#mandate .mandate-split__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--radius-soft);
}
#mandate .mandate-split__content {
display: flex;
flex-direction: column;
}
#mandate .mandate-split__content > .reveal:first-child {
margin-bottom: clamp(14px, 1.6vw, 24px);
}
#mandate .mandate-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 2px solid rgba(10, 26, 47, 0.22);
display: flex;
flex-direction: column;
}
#mandate .mandate-list__item {
padding: clamp(14px, 1.5vw, 20px) 0;
border-bottom: 2px solid rgba(10, 26, 47, 0.22);
}
#mandate .mandate-list__item:last-child {
border-bottom: 2px solid rgba(10, 26, 47, 0.22);
}
#mandate .mandate-list__item h3 {
margin: 0 0 4px;
font-family: var(--display);
font-size: clamp(19px, 1.5vw, 23px);
line-height: 1.2;
font-weight: 600;
color: var(--navy);
}
#mandate .mandate-list__item p {
margin: 0;
font-size: 16px;
line-height: 1.5;
color: rgba(0, 0, 0, 0.72);
}
@media (max-width: 960px) {
#mandate .mandate-split {
grid-template-columns: 1fr;
gap: clamp(20px, 4vw, 32px);
}
#mandate .mandate-split__media {
min-height: auto;
aspect-ratio: 4 / 3;
}
}
body.purchases-page #form .btn--sleek-dark,
body.purchases-page #form .btn--sleek-dark *,
body.manufacturer-page #form .btn--sleek-dark,
body.manufacturer-page #form .btn--sleek-dark * {
color: var(--white) !important;
}
body.purchases-page #form .btn--sleek-dark:hover,
body.purchases-page #form .btn--sleek-dark:hover *,
body.purchases-page #form .btn--sleek-dark:focus-visible,
body.purchases-page #form .btn--sleek-dark:focus-visible *,
body.manufacturer-page #form .btn--sleek-dark:hover,
body.manufacturer-page #form .btn--sleek-dark:hover *,
body.manufacturer-page #form .btn--sleek-dark:focus-visible,
body.manufacturer-page #form .btn--sleek-dark:focus-visible * {
color: var(--navy) !important;
}
body.manufacturer-page #form {
padding-top: clamp(20px, 2vw, 32px);
padding-bottom: clamp(20px, 2vw, 32px);
}
body.manufacturer-page #form .section-intro {
margin-bottom: clamp(16px, 1.8vw, 28px);
}
body.manufacturer-page #form .section-intro h2 {
margin-bottom: 0;
}
body.purchases-page #form {
padding-top: clamp(20px, 2vw, 32px);
padding-bottom: clamp(28px, 3vw, 44px);
}
body.purchases-page #form .section-intro {
margin-bottom: clamp(12px, 1.4vw, 20px);
}
body.purchases-page #form .section-intro h2 {
margin-bottom: 0;
}
/* Form coda — supporting copy sitting below the inquiry form. Single
paragraph, footnote scale (one step below body copy), dimmed to
75 % on-dark so it reads as a quiet footnote rather than a second
heading. Uses the full container width so the combined sentence
stays on a single line at desktop widths; natural wrapping takes
over on narrower viewports where one line isn't possible. */
body.purchases-page #form .form-coda {
margin-top: clamp(20px, 2.4vw, 32px);
text-align: center;
color: var(--on-dark-75);
}
body.purchases-page #form .form-coda p {
font-size: clamp(10px, 0.78vw, 12px);
line-height: 1.55;
margin: 0;
color: inherit;
}
#charter {
padding-top: clamp(20px, 2vw, 32px);
padding-bottom: clamp(20px, 2vw, 32px);
}
#charter h2.display-md {
font-size: clamp(32px, 4.2vw, 68px);
line-height: 1.08;
letter-spacing: -0.015em;
margin-bottom: clamp(14px, 1.4vw, 20px);
}
#charter .lede {
font-size: clamp(15px, 1.2vw, 18px);
line-height: 1.45;
margin-bottom: clamp(10px, 1vw, 14px);
}
#charter .body-lg {
font-size: clamp(1.0625rem, 0.95rem + 0.5vw, 1.25rem);
line-height: 1.6;
margin-top: clamp(12px, 1.2vw, 18px);
margin-bottom: 0;
}
#charter .body-lg + .body-lg {
margin-top: clamp(12px, 1.2vw, 18px);
}
#charter .btn--sleek {
margin-top: clamp(14px, 1.4vw, 22px);
}
* {
font-style: normal !important;
}
#builder-fit .tenets.tenets--compact {
grid-template-columns: 1fr;
background: transparent !important;
border: 0 !important;
gap: 0 !important;
}
#builder-fit .tenets.tenets--compact .tenet {
background: transparent !important;
padding-left: 0;
padding-right: 0;
padding-top: clamp(5px, 0.5vw, 8px);
padding-bottom: clamp(5px, 0.5vw, 8px);
gap: 2px;
border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
#builder-fit .tenets.tenets--compact .tenet:last-child {
border-bottom: 0;
padding-bottom: 0;
}
#builder-fit .tenets.tenets--compact .tenet:first-child {
padding-top: 0;
}
#builder-fit {
padding-top: clamp(16px, 1.6vw, 24px);
padding-bottom: clamp(16px, 1.6vw, 24px);
}
#builder-fit .media-split__content .reveal:first-child {
margin-bottom: clamp(8px, 0.8vw, 12px);
}
#builder-fit .media-split__content .reveal:first-child .body-lg {
margin-bottom: 0;
font-size: 14.5px;
line-height: 1.4;
}
#builder-fit .media-split__content .reveal:first-child h2 {
margin-bottom: clamp(4px, 0.5vw, 8px);
}
#builder-fit .tenet h3 {
font-size: clamp(15px, 1.2vw, 18px) !important;
line-height: 1.15 !important;
}
#builder-fit .tenet .body,
#builder-fit .tenet p {
font-size: 12.5px;
line-height: 1.35;
}
#demand .tenets--lean .tenet {
padding-top: clamp(12px, 1.2vw, 18px);
padding-bottom: clamp(12px, 1.2vw, 18px);
gap: clamp(4px, 0.5vw, 8px);
text-align: center;
align-items: center;
}
#demand .tenets--lean .tenet h3,
#demand .tenets--lean .tenet p,
#demand .tenets--lean .tenet .body {
text-align: center;
}
#builder-fit .tenet .body,
#builder-fit .tenet p,
#market-entry .tenet .body,
#market-entry .tenet p,
#demand .tenet .body,
#demand .tenet p,
#clients .tenet .body,
#clients .tenet p {
font-size: 14.5px;
line-height: 1.45;
margin: 0;
}
#difference h2 { margin-bottom: clamp(20px, 2vw, 28px); }
#difference .lede { margin-bottom: clamp(20px, 2.2vw, 32px); }
#difference .split--tall > div:first-child {
display: flex;
flex-direction: column;
justify-content: center;
}
#tenets .media-split__content {
display: flex;
flex-direction: column;
justify-content: center;
}
#difference .model-points {
margin: clamp(20px, 2.4vw, 32px) 0 0;
}
#difference .model-point dt + dd { margin-top: 6px; }
#difference .model-point dd { margin-bottom: clamp(28px, 2.4vw, 40px); }
#difference .model-point:last-child dd { margin-bottom: 0; }
#difference .model-point {
padding: clamp(28px, 3vw, 48px) 0;
border-top: 1px solid #fff;
}
#difference .model-point:first-child {
border-top: 0;
padding-top: 0;
}
#difference .model-point:last-child {
padding-bottom: 0;
}
#difference .model-point dt {
font-family: var(--display);
font-size: clamp(26px, 2.6vw, 38px);
font-weight: 400;
font-style: italic;
line-height: 1.1;
letter-spacing: -0.01em;
margin-bottom: 10px;
color: var(--white);
}
#difference .model-point dd {
margin: 0;
font-family: var(--sans);
font-size: clamp(15.5px, 1.1vw, 17px);
line-height: 1.65;
max-width: 58ch;
}
.hero-stats {
padding: 0 0 clamp(8px, 0.8vw, 14px);
}
.hero-stats .stat {
padding: clamp(16px, 1.6vw, 28px) clamp(20px, 2vw, 32px);
gap: 6px;
}
.hero-stats .stat__num {
font-size: clamp(40px, 4vw, 60px);
}
.hero-stats .stat:last-child .stat__num {
white-space: nowrap;
}
@media (max-width: 600px) {
.hero-stats .stat:last-child .stat__num {
white-space: normal;
}
}
#advantage .tenets--lean .tenet h3 { min-height: 1.15em; }
#advantage .tenets--lean .tenet {
padding-top: clamp(18px, 1.8vw, 26px);
padding-bottom: clamp(18px, 1.8vw, 26px);
gap: 10px;
}
#advantage .split + .tenets { margin-top: clamp(20px, 2.4vw, 34px); }
#charter .split .lede { margin-bottom: 18px; }
#charter .split .body-lg { margin-bottom: 14px; }
#charter .split .body-lg:last-of-type { margin-bottom: 26px; }
.btn--sleek {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 32px;
font-family: var(--sans);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.18em;
color: var(--navy);
background: linear-gradient(180deg, var(--bg-light-top), var(--bg-light-bottom));
border: 1px solid var(--accent-metallic);
border-radius: 8px;
text-decoration: none;
cursor: pointer;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.55),
0 6px 14px rgba(10, 26, 47, 0.12);
transition: background var(--t-med), color var(--t-med),
border-color var(--t-med), box-shadow var(--t-med),
transform var(--t-med);
}
.btn--sleek .arrow,
.btn--sleek .icon {
display: inline-block;
line-height: 1;
transition: transform var(--t-med);
}
.btn--sleek:hover,
.btn--sleek:focus-visible {
background: linear-gradient(180deg, var(--navy-soft), var(--navy));
color: var(--on-dark-1);
border-color: var(--accent-metallic);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.18),
0 10px 22px rgba(10, 26, 47, 0.22);
transform: translateY(-2px);
}
.btn--sleek:hover .arrow,
.btn--sleek:hover .icon,
.btn--sleek:focus-visible .arrow,
.btn--sleek:focus-visible .icon {
transform: translateX(4px);
}
.btn--sleek:active {
transform: translateY(0);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.20),
0 4px 10px rgba(10, 26, 47, 0.18);
}
@media (prefers-reduced-motion: reduce) {
.btn--sleek:hover,
.btn--sleek:focus-visible,
.btn--sleek:active { transform: none; }
.btn--sleek:hover .arrow,
.btn--sleek:hover .icon,
.btn--sleek:focus-visible .arrow,
.btn--sleek:focus-visible .icon { transform: none; }
}
.btn--sleek-dark {
color: var(--accent-metallic);
background: linear-gradient(180deg, var(--navy), var(--navy-deep));
border-color: var(--accent-metallic);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.10),
0 6px 14px rgba(0, 0, 0, 0.32);
}
.btn--sleek-dark:hover,
.btn--sleek-dark:focus-visible {
background: linear-gradient(180deg, var(--bg-light-top), var(--bg-light-bottom));
color: var(--navy);
border-color: var(--accent-metallic);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.55),
0 10px 22px rgba(10, 26, 47, 0.20);
transform: translateY(-2px);
}
.btn--sleek.btn--block {
display: flex;
width: 100%;
}
#clientele .btn--sleek.btn--block,
#manufacturer-partners .btn--sleek.btn--block {
padding: 18px 36px;
font-size: 15px;
letter-spacing: 0.2em;
gap: 14px;
}
#clientele .tenets,
#clients .tenets,
body.purchases-page #mandate .tenets,
#builder-fit .tenets {
background: var(--taupe) !important;
border: 2px solid var(--taupe) !important;
gap: 2px;
}
.insights-grid .service {
border-right: 2px solid rgba(10, 26, 47, 0.3);
border-bottom: 2px solid rgba(10, 26, 47, 0.3);
}
#difference .model-point {
border-top-color: #fff;
}
.service .btn--sleek:hover,
.service .btn--sleek:focus-visible,
.service .btn--sleek:hover *,
.service .btn--sleek:focus-visible * {
color: var(--white) !important;
}
.tenets,
.timeline,
.process,
.mandate-grid,
.scenarios-grid,
.insights-grid {
border-radius: var(--radius-soft);
overflow: hidden;
}
.process__step,
.scenario-card,
.mandate-card,
.timeline__step,
.brand-card,
.address-card,
.contact-card {
border-radius: var(--radius-soft);
}
.form button[type="submit"],
.form button[type="submit"] * {
color: #ffffff !important;
}
.form label,
.form .field label,
.form-card label,
.form-card .field label,
.form-card--sleek label,
.form-card--sleek .field label {
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
}
.form .field input,
.form .field select,
.form .field textarea,
.form-card .field input,
.form-card .field select,
.form-card .field textarea,
.form-card--sleek .field input,
.form-card--sleek .field select,
.form-card--sleek .field textarea {
font-family: Arial, sans-serif !important;
font-size: 17px !important;
font-weight: 700 !important;
}
.form .field input::placeholder,
.form .field textarea::placeholder,
.form-card .field input::placeholder,
.form-card .field textarea::placeholder,
.form-card--sleek .field input::placeholder,
.form-card--sleek .field textarea::placeholder {
font-family: Arial, sans-serif !important;
font-weight: 700 !important;
}
.form-card--sleek {
background: linear-gradient(180deg, var(--bg-light-top), var(--bg-light-bottom));
border: 1px solid var(--accent-metallic);
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
padding: clamp(24px, 4vw, 48px);
gap: 20px;
}
.form-card--sleek label,
.form-card--sleek .field label {
font-family: var(--sans);
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--navy);
}
.form-card--sleek .field input,
.form-card--sleek .field select,
.form-card--sleek .field textarea {
width: 100%;
background: linear-gradient(180deg, #f8f5f0, #f3efea);
border: 1px solid rgba(10, 26, 47, 0.15);
border-radius: var(--radius-soft);
padding: 16px 20px;
font-family: var(--sans);
font-size: 1rem;
font-weight: 500;
color: var(--navy-deep);
-webkit-text-fill-color: var(--navy-deep);
caret-color: var(--navy-deep);
box-shadow:
inset 0 1px 2px rgba(255, 255, 255, 0.45),
0 2px 6px rgba(0, 0, 0, 0.04);
transition: border-color var(--t-fast),
background-color var(--t-fast),
box-shadow var(--t-fast);
}
.form-card--sleek .field input::placeholder,
.form-card--sleek .field textarea::placeholder {
color: var(--navy);
opacity: 0.5;
}
.form-card--sleek .field input:focus,
.form-card--sleek .field select:focus,
.form-card--sleek .field textarea:focus {
background: var(--white);
border-color: var(--accent-metallic);
box-shadow:
inset 0 2px 3px rgba(0, 0, 0, 0.06),
0 4px 12px rgba(0, 0, 0, 0.12);
outline: none;
}
.form-card--sleek .field select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 44px;
}
.form-card--sleek .field input:user-invalid,
.form-card--sleek .field select:user-invalid,
.form-card--sleek .field textarea:user-invalid {
border-color: #c07260;
}
.form-card--sleek.dark {
background: linear-gradient(180deg, var(--navy), var(--navy-deep));
border-color: var(--accent-metallic);
color: var(--accent-metallic);
}
.form-card--sleek.dark label,
.form-card--sleek.dark .field label {
color: var(--accent-metallic);
}
.form-card--sleek.dark .field input,
.form-card--sleek.dark .field select,
.form-card--sleek.dark .field textarea {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.18);
color: var(--white);
-webkit-text-fill-color: var(--white);
caret-color: var(--white);
box-shadow:
inset 0 1px 2px rgba(255, 255, 255, 0.08),
0 2px 6px rgba(0, 0, 0, 0.18);
}
.form-card--sleek.dark .field input::placeholder,
.form-card--sleek.dark .field textarea::placeholder {
color: var(--white);
opacity: 0.45;
}
.form-card--sleek.dark .field input:focus,
.form-card--sleek.dark .field select:focus,
.form-card--sleek.dark .field textarea:focus {
background: rgba(255, 255, 255, 0.10);
border-color: var(--accent-metallic);
box-shadow:
inset 0 2px 3px rgba(0, 0, 0, 0.22),
0 4px 12px rgba(0, 0, 0, 0.30);
}