/* The social directory: an editorial introduction and a readable data surface. */
.analytics-page { background: #12110f; color: #f4f0e7; }
.analytics-page::after { display: none; }
.analytics-page .shell { max-width: 1280px; }
.analytics-page :is(a, button, input, select, summary):focus-visible { outline: 2px solid #bc9254; outline-offset: 4px; }
.analytics-overline { display: block; font-size: .65rem; line-height: 1.6; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.analytics-directory { background: #f1eee6; color: #27251e; padding-block: 40px 36px; scroll-margin-top: 92px; }
.analytics-directory-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 29px; }
.analytics-directory-heading .analytics-overline { color: #7b6744; font-size: .62rem; }
.analytics-directory-heading h2 { margin: 8px 0 0; font: 500 clamp(1.8rem,2.6vw,2.5rem)/1.15 var(--display); letter-spacing: -.01em; }
.analytics-category-link { display: inline-flex; gap: 20px; align-items: center; font-size: .76rem; padding-bottom: 7px; border-bottom: 1px solid #9d8969; }
.analytics-category-link:hover { color: #896531; }
.analytics-filters { display: grid; grid-template-columns: minmax(170px,1.5fr) minmax(145px,1.2fr) minmax(115px,.9fr) minmax(110px,.8fr) minmax(145px,1.1fr) auto; gap: 14px; align-items: end; margin: 0 0 28px; }
.analytics-field { display: grid; gap: 8px; min-width: 0; }
.analytics-field > span { color: #5c584d; font-size: .7rem; font-weight: 600; }
.analytics-input { width: 100%; min-width: 0; height: 46px; border: 1px solid #d0c9ba; border-radius: 2px; background: #faf8f2; padding: 10px 12px; color: #332e24; font-size: .77rem; }
.analytics-input::placeholder { color: #81796d; opacity: 1; }
.analytics-input:hover { border-color: #b1a081; }
.analytics-directory .button--primary { color: #f4f0e7; background: #29251e; border-color: #29251e; min-height: 46px; font-size: .68rem; padding-inline: 22px; }
.analytics-directory .button--primary:hover { background: #51432e; border-color: #51432e; }
.analytics-active-filters { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: -8px 0 22px; }
.analytics-chip { display: inline-flex; align-items: center; gap: 12px; padding: 9px 12px; border: 1px solid #cabda5; background: #e9e2d4; font-size: .72rem; min-height: 42px; }
.analytics-chip > span { min-width: 0; overflow-wrap: anywhere; }
.analytics-chip .material-symbols-rounded { font-size: 17px; }
.analytics-reset { padding: 10px; font-size: .72rem; text-decoration: underline; text-underline-offset: 4px; }
.analytics-results-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; border-top: 1px solid #cec6b6; padding-block: 19px; }
.analytics-results-heading p { margin: 0; font-size: .79rem; }
.analytics-results-heading strong { font-weight: 800; }
.analytics-results-heading p span, .analytics-results-heading > span { color: #6e6759; font-size: .69rem; }
.analytics-table-head, .analytics-page .analytics-row { display: grid; grid-template-columns: 44px minmax(0,2.3fr) minmax(0,1.05fr) minmax(85px,.75fr) minmax(98px,.85fr) minmax(110px,1fr); gap: 22px; align-items: center; }
.analytics-table-head { padding: 13px 18px; background: #e6e1d6; border-block: 1px solid #d8d0c0; color: #6b604d; font-size: .6rem; text-transform: uppercase; font-weight: 600; letter-spacing: .07em; }
.analytics-table-head > :nth-child(4), .analytics-table-head > :nth-child(5) { text-align: right; }
.analytics-table-head > :last-child { padding-left: 10px; }
.analytics-page .analytics-row { min-height: 98px; padding: 18px; border: 0; border-bottom: 1px solid #dcd6c9; background: transparent; transition: background-color .2s; }
.analytics-page .analytics-row:hover { background: #eae5da; transform: none; box-shadow: none; }
.analytics-position { color: #8c7b60; font: 500 1.25rem/1 var(--display); font-variant-numeric: tabular-nums; }
.analytics-person { display: flex; align-items: center; min-width: 0; gap: 15px; }
.analytics-avatar { width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; position: relative; overflow: hidden; border-radius: 50%; background: #e2d8c5; color: #80643e; }
.analytics-avatar > span { font: 500 1.8rem/1 var(--serif); }
.analytics-avatar > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.analytics-person > span:nth-child(2) { min-width: 0; }
.analytics-person strong { display: block; color: #2b2821; font: 700 .85rem/1.5 var(--body); overflow-wrap: anywhere; }
.analytics-person small { display: block; color: #776e5f; font-size: .65rem; line-height: 1.6; margin-top: 5px; overflow-wrap: anywhere; }
.analytics-person:hover strong { color: #8a6231; }
.analytics-profile-arrow { display: none; }
.analytics-category { font-size: .65rem; font-weight: 600; line-height: 1.6; color: #6c5f48; overflow-wrap: anywhere; }
.analytics-category small { display: block; font-size: .59rem; font-weight: 400; margin-top: 5px; color: #827866; }
.analytics-metric { text-align: right; }
.analytics-metric strong { font: 600 .96rem/1.5 var(--body); font-variant-numeric: tabular-nums; white-space: nowrap; }
.analytics-metric small { display: none; }
.analytics-metric--accent strong { color: #8a6231; }
.analytics-source { padding-left: 10px; color: #675e50; font-size: .63rem; line-height: 1.65; overflow-wrap: anywhere; }
.analytics-source small { display: block; font-size: .6rem; color: #807564; margin-top: 4px; }
.analytics-directory .pagination { border: 0; padding-block: 24px 8px; font-size: .75rem; color: #6b6150; }
.analytics-directory .pagination-links { flex-wrap: wrap; }
.analytics-directory :is(.page-link,.page-current) { border-color: #c9bda6; color: #665239; border-radius: 2px; }
.analytics-directory .page-current { background: #342b1f; color: #f5f0e6; }
.analytics-directory .page-link:hover { background: #e3d8c4; }
.analytics-data-note { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; color: #776c59; font-size: .65rem; line-height: 1.8; margin: 25px 0 0; }
.analytics-data-note a { color: #715533; text-decoration: underline; text-underline-offset: 4px; }
.analytics-empty { display: flex; gap: 25px; padding: 42px 20px 52px; border-block: 1px solid #d4cbbb; }
.analytics-empty > span { font-size: 34px; color: #9a8059; }
.analytics-empty h3 { font: 500 1.9rem/1.2 var(--display); margin: 0; }
.analytics-empty p { font-size: .84rem; color: #706450; }
.analytics-empty .text-link { border-color: #bbaa8b; }
.analytics-method { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10%; padding-block: 70px; }
.analytics-method h2 { margin: 20px 0; font: 500 clamp(2.2rem,3.5vw,3.4rem)/1.07 var(--display); }
.analytics-method h2 em { font-family: var(--serif); font-weight: 500; color: #e4c994; }
.analytics-method-intro > p { max-width: 43ch; font-size: .86rem; line-height: 1.8; color: #bdb6a9; }
.analytics-method .text-link { font-size: .74rem; }
.analytics-method-details details { border-bottom: 1px solid #c3a16440; scroll-margin-top: 110px; }
.analytics-method-details summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 22px; font-size: .87rem; font-weight: 500; cursor: pointer; }
.analytics-method-details summary::-webkit-details-marker { display: none; }
.analytics-method-details summary > span { color: #e4c994; font-size: 1.2rem; }
.analytics-method-details details[open] summary > span { transform: rotate(45deg); }
.analytics-method-details p { margin: 0 0 25px; font-size: .8rem; line-height: 1.85; color: #bdb6a9; }
.analytics-bridge { background: #1c1914; padding-block: 38px; border-block: 1px solid #c3a16435; }
.analytics-bridge > .shell { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.analytics-bridge .analytics-overline { color: #c3a164; font-size: .6rem; }
.analytics-bridge h2 { font: 500 1.9rem/1.2 var(--display); margin: 12px 0 8px; }
.analytics-bridge p { color: #bdb6a9; font-size: .8rem; margin: 0; }
.analytics-bridge-actions { display: flex; align-items: center; gap: 28px; }
.analytics-bridge-actions .text-link { font-size: .75rem; }
@media (max-width: 1120px) {
 .analytics-filters { grid-template-columns: 1.4fr 1fr 1fr; }
 .analytics-page .analytics-row, .analytics-table-head { gap: 14px; grid-template-columns: 28px minmax(0,2fr) minmax(0,1fr) 80px 94px; }
 .analytics-source { grid-column: 2 / -1; padding-left: 67px; margin-top: -8px; font-size: .6rem; }
 .analytics-source small { display: inline; margin-left: 10px; }
 .analytics-table-head > :last-child { display: none; }
}
@media (max-width: 760px) {
 .analytics-page .shell { width: calc(100% - 40px); }
 .analytics-overline { font-size: .59rem; }
 .analytics-directory { padding-block: 30px; }
 .analytics-directory-heading { align-items: start; flex-direction: column; gap: 14px; margin-bottom: 24px; }
 .analytics-directory-heading h2 { font-size: 1.95rem; }
 .analytics-category-link { font-size: .7rem; }
 .analytics-filters { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px 12px; }
 .analytics-field:first-child, .analytics-filters > button { grid-column: 1 / -1; }
 .analytics-field > span { font-size: .68rem; }
 .analytics-input { font-size: 16px; height: 48px; padding-inline: 9px; }
 .analytics-results-heading { align-items: start; flex-direction: column; gap: 6px; padding-block: 17px; }
 .analytics-results-heading p { font-size: .75rem; }
 .analytics-results-heading > span { font-size: .64rem; }
 .analytics-table-head { display: none; }
 .analytics-table { border-top: 1px solid #d4cbbb; }
 .analytics-page .analytics-row { grid-template-columns: 22px minmax(0,1fr) minmax(0,1fr); gap: 14px 12px; padding: 21px 0; }
 .analytics-position { align-self: start; padding-top: 17px; font-size: 1.1rem; }
 .analytics-person { grid-column: 2 / -1; gap: 12px; }
 .analytics-person strong { font-size: .86rem; }
 .analytics-person small { font-size: .66rem; }
 .analytics-profile-arrow { display: block; margin-left: auto; flex: 0 0 auto; color: #9b8159; }
 .analytics-avatar { width: 48px; height: 48px; flex-basis: 48px; }
 .analytics-category { grid-column: 2 / -1; font-size: .62rem; font-weight: 500; }
 .analytics-category small { display: inline; margin-left: 8px; }
 .analytics-metric { text-align: left; grid-column: 2; border-top: 1px solid #dbd1bf; padding-top: 12px; }
 .analytics-metric--accent { grid-column: 3; }
 .analytics-metric small { display: block; font-size: .6rem; color: #7c705e; margin-bottom: 4px; }
 .analytics-metric strong { font-size: 1.05rem; }
 .analytics-source { grid-column: 2 / -1; padding: 0; margin: 0; font-size: .6rem; }
 .analytics-source small { font-size: .6rem; }
 .analytics-data-note { font-size: .64rem; }
 .analytics-method { grid-template-columns: 1fr; gap: 20px; padding-block: 45px; }
 .analytics-method h2 { font-size: 2.45rem; }
 .analytics-method-intro > p { font-size: .83rem; }
 .analytics-method .text-link { font-size: .7rem; }
 .analytics-method-details summary { font-size: .83rem; }
 .analytics-bridge > .shell { flex-direction: column; align-items: start; gap: 25px; }
 .analytics-bridge-actions { gap: 22px; flex-wrap: wrap; }
 .analytics-bridge h2 { font-size: 1.8rem; }
 .analytics-bridge p { font-size: .78rem; }
 .analytics-directory .pagination { align-items: start; flex-direction: column; gap: 15px; }
}
@media (prefers-reduced-motion: reduce) {
 .analytics-page *, .analytics-page *::before { transition: none !important; }
}
.analytics-avatar > img[hidden] { display: none; }

/* Photographic editorial opening; the portraits are real directory profiles. */
.analytics-visual-hero { padding-block: 42px 0; background: #12110f; }
.analytics-visual-heading { display: grid; grid-template-columns: 1.3fr 1fr; align-items: end; gap: 60px; margin-bottom: 36px; }
.analytics-visual-heading h1 { font: 600 clamp(3.1rem,5.1vw,5rem)/1.02 var(--display); letter-spacing: -.025em; margin: 18px 0 0; }
.analytics-visual-heading h1 em { font-family: var(--serif); color: #e4c994; font-weight: 500; }
.analytics-visual-heading > div:last-child { max-width: 390px; justify-self: end; }
.analytics-visual-heading p { color: #c2baad; font-size: .9rem; line-height: 1.8; margin: 0 0 7px; }
.analytics-visual-heading .text-link { font-size: .76rem; }
.analytics-portraits-heading { display: flex; justify-content: space-between; gap: 20px; padding-block: 13px; border-top: 1px solid #b99a6240; color: #bcb29f; font-size: .62rem; letter-spacing: .06em; }
.analytics-portraits-heading > span:first-child { color: #e4c994; text-transform: uppercase; letter-spacing: .14em; }
.analytics-portrait-gallery { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.analytics-cover { display: block; min-width: 0; }
.analytics-cover[hidden] { display: none; }
.analytics-cover-image { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: #211d17; }
.analytics-cover-image > img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.analytics-cover:hover img { transform: scale(1.035); }
.analytics-cover-image > span { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 34px; height: 34px; background: #17140fe0; border: 1px solid #e3c58b70; color: #e4c994; font-size: 1.05rem; }
.analytics-cover-copy { padding-block: 15px 20px; }
.analytics-cover-copy small { display: block; color: #d3b780; font-size: .61rem; line-height: 1.6; margin-bottom: 7px; }
.analytics-cover-copy h2 { font: 500 1.55rem/1.13 var(--display); margin: 0 0 12px; color: #f1eadb; overflow-wrap: anywhere; }
.analytics-cover-copy > span { display: inline-flex; justify-content: space-between; align-items: center; width: 100%; gap: 16px; color: #afa592; font-size: .68rem; border-top: 1px solid #b99a6230; padding-top: 12px; }
.analytics-cover:hover .analytics-cover-copy > span { color: #e4c994; }
.analytics-edition-band { display: flex; justify-content: space-between; gap: 35px; align-items: center; padding-block: 21px 28px; }
.analytics-edition-band p { max-width: 88ch; margin: 0; color: #a99e8a; font-size: .7rem; line-height: 1.7; }
.analytics-edition-band a { flex-shrink: 0; display: inline-flex; align-items: center; gap: 20px; color: #dfc794; font-size: .7rem; border-bottom: 1px solid #c3a16450; padding-block: 9px; }
.analytics-results-options { display: flex; align-items: center; gap: 24px; }
.analytics-results-options > span { font-size: .69rem; color: #6e6759; }
.analytics-view-controls { display: inline-flex; border: 1px solid #c8bda8; padding: 3px; gap: 3px; }
.analytics-view-controls[hidden] { display: none; }
.analytics-view-controls button { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding-inline: 10px; color: #6c5e47; font-size: .68rem; background: transparent; border: 0; cursor: pointer; }
.analytics-view-controls button .material-symbols-rounded { font-size: 16px; }
.analytics-view-controls [aria-pressed="true"] { background: #332b20; color: #f3ecd9; }
.analytics-directory[data-layout="gallery"] .analytics-table { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px 22px; }
.analytics-directory[data-layout="gallery"] .analytics-table-head { display: none; }
.analytics-directory[data-layout="gallery"] .analytics-row { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px 14px; padding: 0 0 18px; min-height: 0; align-content: start; border-bottom: 1px solid #cbbfa9; background: transparent; }
.analytics-directory[data-layout="gallery"] .analytics-row:hover { background: transparent; }
.analytics-directory[data-layout="gallery"] .analytics-position { position: absolute; z-index: 1; top: 12px; left: 12px; display: grid; place-items: center; min-width: 32px; height: 30px; padding: 3px 7px; background: #f3ecdded; color: #574326; border: 1px solid #c7b58e; font-size: 1.05rem; }
.analytics-directory[data-layout="gallery"] .analytics-person { display: flex; flex-direction: column; align-items: stretch; gap: 13px; grid-column: 1 / -1; }
.analytics-directory[data-layout="gallery"] .analytics-avatar { width: 100%; height: auto; aspect-ratio: 1; border-radius: 0; flex: none; }
.analytics-directory[data-layout="gallery"] .analytics-avatar > span { font-size: 4rem; }
.analytics-directory[data-layout="gallery"] .analytics-person strong { font: 600 1.25rem/1.2 var(--display); }
.analytics-directory[data-layout="gallery"] .analytics-person small { font-size: .65rem; margin-top: 6px; }
.analytics-directory[data-layout="gallery"] .analytics-profile-arrow { display: none; }
.analytics-directory[data-layout="gallery"] .analytics-category { grid-column: 1 / -1; padding-bottom: 3px; font-size: .64rem; }
.analytics-directory[data-layout="gallery"] .analytics-category small { display: inline; margin-left: 6px; }
.analytics-directory[data-layout="gallery"] .analytics-metric { text-align: left; border-top: 1px solid #d5c9b4; padding-top: 10px; grid-column: auto; }
.analytics-directory[data-layout="gallery"] .analytics-metric small { display: block; color: #786a53; font-size: .61rem; margin-bottom: 3px; }
.analytics-directory[data-layout="gallery"] .analytics-metric strong { font-size: 1.02rem; }
.analytics-directory[data-layout="gallery"] .analytics-source { grid-column: 1 / -1; padding: 0; margin-top: 3px; font-size: .6rem; }
.analytics-directory[data-layout="gallery"] .analytics-source small { display: inline; margin-left: 7px; font-size: .6rem; }
@media (max-width: 1050px) {
 .analytics-visual-heading { gap: 35px; }
 .analytics-visual-heading h1 { max-width: 8ch; }
 .analytics-portrait-gallery { gap: 17px; }
 .analytics-cover-copy h2 { font-size: 1.35rem; }
 .analytics-directory[data-layout="gallery"] .analytics-table { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .analytics-results-options { gap: 15px; }
}
@media (max-width: 760px) {
 .analytics-visual-hero { padding-top: 30px; }
 .analytics-visual-heading { display: block; margin-bottom: 25px; }
 .analytics-visual-heading h1 { font-size: 3rem; max-width: none; margin-top: 14px; }
 .analytics-visual-heading > div:last-child { max-width: 41ch; margin-top: 20px; }
 .analytics-visual-heading p { font-size: .83rem; }
 .analytics-visual-heading .text-link { font-size: .72rem; padding-block: 7px; }
 .analytics-portraits-heading { font-size: .58rem; gap: 12px; align-items: center; }
 .analytics-portraits-heading > span:last-child { max-width: 23ch; text-align: right; line-height: 1.6; }
 .analytics-portrait-gallery { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: min(66%,235px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #ad8c55 #30291c; padding-bottom: 8px; }
 .analytics-cover { scroll-snap-align: start; }
 .analytics-cover-copy { padding-block: 12px 15px; }
 .analytics-cover-copy h2 { font-size: 1.45rem; }
 .analytics-edition-band { flex-direction: column; gap: 8px; align-items: start; padding-block: 20px 25px; }
 .analytics-edition-band p { font-size: .68rem; }
 .analytics-results-options { width: 100%; justify-content: space-between; gap: 12px; }
 .analytics-results-options > span { font-size: .62rem; max-width: 22ch; }
 .analytics-view-controls button { font-size: .63rem; padding-inline: 7px; }
 .analytics-directory[data-layout="gallery"] .analytics-table { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 16px; border-top: 0; }
 .analytics-directory[data-layout="gallery"] .analytics-row { gap: 8px 10px; }
 .analytics-directory[data-layout="gallery"] .analytics-person strong { font-size: 1.18rem; }
 .analytics-directory[data-layout="gallery"] .analytics-person small { font-size: .62rem; }
 .analytics-directory[data-layout="gallery"] .analytics-category { font-size: .58rem; }
 .analytics-directory[data-layout="gallery"] .analytics-category small { display: block; margin-left: 0; }
 .analytics-directory[data-layout="gallery"] .analytics-metric strong { font-size: .88rem; }
 .analytics-directory[data-layout="gallery"] .analytics-metric small { font-size: .56rem; }
 .analytics-directory[data-layout="gallery"] .analytics-source { font-size: .58rem; }
 .analytics-directory[data-layout="gallery"] .analytics-source small { display: block; margin-left: 0; font-size: .58rem; }
 .analytics-directory[data-layout="gallery"] .analytics-position { min-width: 27px; height: 26px; font-size: .9rem; top: 9px; left: 9px; }
}
@media (max-width: 359px) {
 .analytics-visual-heading h1 { font-size: 2.7rem; }
 .analytics-directory[data-layout="gallery"] .analytics-table { grid-template-columns: minmax(0,1fr); }
 .analytics-directory[data-layout="gallery"] .analytics-person strong { font-size: 1.45rem; }
 .analytics-directory[data-layout="gallery"] .analytics-metric strong { font-size: 1rem; }
 .analytics-directory[data-layout="gallery"] .analytics-category { font-size: .68rem; }
 .analytics-results-options { flex-wrap: wrap; }
}

/* Give the data a stable reading surface without turning every metric into a card. */
.analytics-page .analytics-visual-hero { background: radial-gradient(ellipse at 75% 32%, #7b5a2c26, transparent 65%), #12110f; }
.analytics-page .analytics-cover-image { border: 1px solid #d1b27c42; box-shadow: 0 14px 30px #0005; }
.analytics-page .analytics-directory { background: linear-gradient(120deg, #f7f3ea, #ece5d8); border-top: 1px solid #fff9; box-shadow: inset 0 12px 22px #65502c09; }
.analytics-page .analytics-filters { padding: 22px; background: #fcfaf3; border: 1px solid #cfc3ae; box-shadow: 0 8px 18px #6753310d, inset 0 0 0 4px #fff8; }
.analytics-page .analytics-input { background: #f5f0e6; border-color: #c9bca6; box-shadow: inset 0 1px 2px #5141290a; }
.analytics-page .analytics-view-controls { background: #faf6ec; box-shadow: 0 2px 6px #43391f0a; }
.analytics-page .analytics-directory[data-layout="gallery"] .analytics-avatar { border: 1px solid #baaa8c80; box-shadow: 0 8px 18px #3c2d1d12; }
.analytics-page .analytics-method-details { background: linear-gradient(135deg, #241f18, #191612); border: 1px solid #d0b47d2b; padding-inline: 26px; box-shadow: 0 15px 35px #0002, inset 0 1px #fff1; }
.analytics-page .analytics-method-details details:last-child { border-bottom: 0; }
@media (max-width: 760px) {
  .analytics-page .analytics-filters { padding: 18px 15px; }
  .analytics-page .analytics-method-details { padding-inline: 20px; }
}
@media (max-width: 374px) {
  .analytics-page .analytics-filters { padding-inline: 12px; gap: 14px 10px; }
}

/* An identified team image gives the final invitation the same presence as the directory. */
.analytics-page .analytics-bridge { padding-block: 70px; background: #171510; border: 0; }
.analytics-page .analytics-bridge > .analytics-bridge-composition { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 0; }
.analytics-team-photo { margin: 0 -48px 0 0; min-width: 0; }
.analytics-team-photo img { display: block; width: 100%; height: auto; }
.analytics-team-photo figcaption { color: #c7b79c; font-size: .68rem; line-height: 1.7; margin-top: 15px; }
.analytics-page .analytics-bridge-copy { position: relative; padding: clamp(30px, 4.5vw, 60px); background: #eee3cf; color: #33291b; margin-top: 60px; box-shadow: -15px 20px 50px #0005; }
.analytics-page .analytics-bridge-copy .analytics-overline { color: #7d5d2f; }
.analytics-page .analytics-bridge h2 { font-size: clamp(2.5rem, 3.4vw, 3.3rem); line-height: 1.04; margin-block: 18px 23px; }
.analytics-page .analytics-bridge h2 em { font-family: var(--serif); font-weight: 500; color: #7e5c2e; }
.analytics-page .analytics-bridge p { color: #645641; font-size: .9rem; line-height: 1.8; }
.analytics-page .analytics-bridge-actions { margin-top: 28px; flex-wrap: wrap; gap: 16px 24px; }
.analytics-page .analytics-bridge-actions .button--primary { background: #30291f; border-color: #30291f; color: #f7eedf; }
.analytics-page .analytics-bridge-actions .text-link { color: #745329; border-color: #ac9267; }
@media (max-width: 760px) {
  .analytics-page .analytics-bridge { padding-block: 38px; }
  .analytics-page .analytics-bridge > .analytics-bridge-composition { grid-template-columns: minmax(0, 1fr); }
  .analytics-team-photo { margin-right: 18px; }
  .analytics-team-photo figcaption { padding-bottom: 22px; font-size: .64rem; }
  .analytics-page .analytics-bridge-copy { padding: 29px 24px; margin: 0 0 0 16px; }
  .analytics-page .analytics-bridge h2 { font-size: 2.6rem; }
}