.button-row { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: .8rem 1.25rem; border: 2px solid var(--color-black); border-radius: 999px; background: var(--color-black); color: var(--color-white); font-weight: 800; text-decoration: none; transition: transform var(--transition-base), background var(--transition-base), color var(--transition-base); }
.button:hover { transform: translateY(-2px); }
.button--secondary { background: transparent; color: var(--color-black); }
.button--secondary:hover { background: var(--color-yellow); }
.button--small { min-height: 40px; padding: .45rem .9rem; border: 0; background: var(--color-yellow); color: var(--color-black); }
.concept-card { position: relative; padding: clamp(2rem, 5vw, 4rem); border-radius: var(--radius-lg); background: var(--color-black); box-shadow: var(--shadow-soft); color: var(--color-white); }
.concept-card::before { position: absolute; width: 7rem; height: 7rem; top: -2rem; right: -2rem; border: 1.5rem solid var(--color-yellow); border-radius: 50%; content: ''; }
.concept-card span, .concept-card strong { display: block; position: relative; }
.concept-card span { color: var(--color-gray-400); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.concept-card strong { margin-top: .25rem; font-size: 1.12rem; }
.concept-card hr { margin: 1.5rem 0; border: 0; border-top: 1px solid rgb(255 255 255 / 20%); }
.brand-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 3rem; }
.brand-card { position: relative; min-height: 360px; padding: clamp(2rem, 4vw, 3.5rem); overflow: hidden; border-radius: var(--radius-lg); }
.brand-card p { max-width: 33rem; }
.brand-card a { display: inline-flex; gap: .6rem; margin-top: 2rem; font-weight: 800; }
.brand-card--shift { background: var(--color-black); color: var(--color-white); }
.brand-card--shift p { color: var(--color-gray-400); }
.brand-card--jazz { background: var(--color-yellow); }
.card-number { display: block; margin-bottom: 4rem; font-size: .8rem; font-weight: 800; }
.phase-note, .todo-note { color: var(--color-gray-700); font-size: .82rem; }
.phase-note { margin-top: 1.5rem; }
.todo-note { color: var(--color-gray-400); }
.placeholder-panel { padding: 2rem; border-left: 5px solid var(--color-yellow); background: var(--color-gray-100); }
.placeholder-panel p { margin: .35rem 0 0; color: var(--color-gray-700); }
.service-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(2rem, 6vw, 6rem); }
.service-groups h2 { font-size: clamp(1.7rem, 3vw, 2.8rem); }
.service-list { border-top: 1px solid var(--color-gray-200); }
.service-list a { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--color-gray-200); font-weight: 750; text-decoration: none; transition: padding var(--transition-base), background var(--transition-base); }
.service-list a:hover { padding-inline: 1rem; background: var(--color-gray-100); }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 3rem; }
.service-grid a { display: flex; min-height: 180px; align-items: flex-end; justify-content: space-between; padding: 1.5rem; border: 1px solid var(--color-gray-200); border-radius: var(--radius-md); font-size: 1.15rem; font-weight: 800; text-decoration: none; transition: border-color var(--transition-base), transform var(--transition-base); }
.service-grid a:hover { border-color: var(--color-yellow); transform: translateY(-4px); }
.text-link { display: inline-block; margin-top: 1.5rem; font-weight: 800; }
.cookie-banner { position: fixed; z-index: 200; right: 1rem; bottom: 1rem; width: min(420px, calc(100% - 2rem)); padding: 1.25rem; border: 1px solid var(--color-gray-200); border-radius: var(--radius-md); background: var(--color-white); box-shadow: var(--shadow-soft); }
.cookie-banner p { margin-bottom: .8rem; font-size: .9rem; }
.cookie-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cookie-actions a { font-size: .85rem; font-weight: 750; }
.hero-copy h1 span { color: var(--color-yellow-dark); }
.hero-orbit { position: relative; width: min(42vw, 510px); aspect-ratio: 1; margin-inline: auto; }
.orbit { position: absolute; inset: 8%; border: 1px solid rgb(17 17 17 / 20%); border-radius: 50%; }
.orbit--two { inset: 23%; border-style: dashed; }
.orbit::after { position: absolute; top: 8%; left: 13%; width: 18px; aspect-ratio: 1; border-radius: 50%; background: var(--color-yellow); box-shadow: 0 0 0 9px rgb(244 196 0 / 20%); content: ''; }
.orbit--two::after { top: auto; right: 2%; bottom: 15%; left: auto; width: 12px; }
.orbit-core { position: absolute; inset: 34%; display: grid; align-content: center; border-radius: 50%; background: var(--color-black); box-shadow: 0 30px 80px rgb(0 0 0 / 22%); color: var(--color-white); font-size: .75rem; letter-spacing: .12em; text-align: center; text-transform: uppercase; }
.orbit-core strong { display: block; color: var(--color-yellow); font-size: 1.15rem; }
.orbit-label { position: absolute; padding: .45rem .8rem; border: 1px solid var(--color-gray-200); border-radius: 999px; background: var(--color-white); font-size: .75rem; font-weight: 800; box-shadow: var(--shadow-soft); }
.orbit-label--sales { top: 7%; right: 9%; }.orbit-label--culture { bottom: 9%; left: 2%; }.orbit-label--leadership { right: -2%; bottom: 28%; }
.scroll-cue { position: absolute; bottom: 2rem; left: 50%; display: flex; align-items: center; gap: .75rem; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transform: translateX(-50%); }
.scroll-cue i { width: 1px; height: 35px; background: var(--color-black); }
.iceberg-wrap { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: center; gap: clamp(2rem, 6vw, 6rem); }
.iceberg-graphic svg { width: 100%; overflow: visible; }
.iceberg-stars circle { fill: var(--color-yellow); opacity: .65; }
.ice-layer, .water-layer { cursor: pointer; opacity: .72; transition: opacity 350ms ease, filter 350ms ease; }
.ice-layer text, .water-layer text { fill: var(--color-white); font-size: 16px; font-weight: 800; letter-spacing: .08em; pointer-events: none; }
.water-layer text { font-size: 12px; opacity: .75; }
.water-line { stroke: var(--color-yellow); stroke-width: 4; }
.iceberg-graphic [data-active='true'] { opacity: 1; filter: drop-shadow(0 0 18px rgb(244 196 0 / 28%)); }
.iceberg-legend { display: grid; gap: .75rem; }
.iceberg-legend button { display: grid; grid-template-columns: 2.2rem 1fr; padding: 1.2rem; border: 1px solid rgb(255 255 255 / 16%); border-radius: var(--radius-md); background: transparent; color: var(--color-white); text-align: left; transition: border-color var(--transition-base), background var(--transition-base); }
.iceberg-legend button span { grid-row: 1 / span 2; color: var(--color-yellow); font-size: .75rem; font-weight: 800; }
.iceberg-legend button strong { font-size: 1rem; }
.iceberg-legend button small { margin-top: .35rem; color: var(--color-gray-400); line-height: 1.45; }
.iceberg-legend button:hover, .iceberg-legend button[aria-pressed='true'] { border-color: var(--color-yellow); background: rgb(255 255 255 / 6%); }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--color-gray-200); }
.pillar-card { min-height: 280px; padding: 2rem; border-right: 1px solid var(--color-gray-200); }
.pillar-card:last-child { border: 0; }.pillar-card > span { display: block; margin-bottom: 5rem; color: var(--color-yellow-dark); font-size: .8rem; font-weight: 800; }
.pillar-card p { color: var(--color-gray-700); }
.brands-section { background: var(--color-gray-100); }
.brand-card .wordmark { margin-bottom: 2rem; font-size: clamp(2rem, 4vw, 4rem); font-weight: 900; letter-spacing: -.07em; }.wordmark em { color: var(--color-yellow); font-size: .55em; font-style: normal; letter-spacing: 0; }.wordmark--jazz em { color: var(--color-black); }
.card-link { align-items: center; justify-content: space-between; width: 100%; padding-top: 1.25rem; border-top: 1px solid currentColor; text-decoration: none; }
.intervention-section { overflow: hidden; }
.intervention-list { border-top: 1px solid var(--color-gray-200); }
.intervention-item { display: grid; grid-template-columns: 4rem 1fr auto; align-items: center; min-height: 115px; border-bottom: 1px solid var(--color-gray-200); }
.intervention-item span { color: var(--color-gray-400); font-size: .78rem; }.intervention-item strong { font-size: clamp(1.8rem, 4vw, 3.5rem); letter-spacing: -.04em; }.intervention-item i { font-size: 2rem; font-style: normal; }
.method-section { background: var(--color-yellow); }
.method-section .eyebrow::before { background: var(--color-black); }
.method-track { display: grid; grid-template-columns: repeat(5, 1fr); }
.method-step { position: relative; padding: 1.6rem; border-top: 2px solid var(--color-black); }
.method-step::before { position: absolute; top: -7px; left: 0; width: 12px; aspect-ratio: 1; border-radius: 50%; background: var(--color-black); content: ''; }
.method-step span { display: block; margin-bottom: 4rem; font-size: .75rem; font-weight: 900; }.method-step h3 { font-size: 1.3rem; letter-spacing: -.025em; }.method-step p { font-size: .9rem; }
.team-teaser { background: var(--color-black); color: var(--color-white); }.team-teaser-inner { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(3rem, 8vw, 8rem); align-items: end; }.team-teaser-inner p { color: var(--color-gray-400); }.team-teaser .button--secondary { border-color: var(--color-white); color: var(--color-white); }.team-teaser .button--secondary:hover { color: var(--color-black); }
.empty-insights { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem 0; border-block: 1px solid var(--color-gray-200); }.empty-insights span { color: var(--color-yellow-dark); font-size: .75rem; font-weight: 850; text-transform: uppercase; }.empty-insights p { margin: 0; }.empty-insights a { font-weight: 800; }
.button--yellow { border-color: var(--color-yellow); background: var(--color-yellow); color: var(--color-black); gap: 1rem; }
.footer-note { color: var(--color-gray-400); font-size: .85rem; }
.editorial-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(3rem, 8vw, 8rem); }.editorial-index { display: flex; flex-direction: column; gap: 1rem; }.editorial-index span { color: var(--color-yellow); font-size: .8rem; font-weight: 900; }.editorial-copy p { max-width: 48rem; font-size: clamp(1.08rem, 2vw, 1.3rem); }.section--dark .editorial-copy p { color: var(--color-gray-200); }.inline-links { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }.inline-links a { font-weight: 850; }
.empty-team { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); }.empty-team-visual { display: grid; min-height: 520px; place-items: center; border-radius: var(--radius-lg); background: linear-gradient(145deg, var(--color-yellow), #ffe77d); }.empty-team-visual span { display: grid; width: 9rem; aspect-ratio: 1; place-items: center; border-radius: 50%; background: var(--color-black); color: var(--color-yellow); font-size: 2.5rem; font-weight: 900; }
.legal-copy { font-size: 1.1rem; }.legal-copy h2 { margin-top: 3rem; font-size: 2rem; }
.page-hero--contact { background: var(--color-yellow); }.page-hero--contact .eyebrow::before { background: var(--color-black); }
.contact-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem, 8vw, 8rem); }.contact-number { display: block; margin-bottom: 5rem; color: var(--color-yellow-dark); font-size: .8rem; font-weight: 900; }.contact-brands { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2rem; }.contact-brands span { padding: .45rem .75rem; border: 1px solid var(--color-gray-200); border-radius: 999px; font-size: .75rem; font-weight: 800; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; margin-bottom: 2rem; }.field { display: flex; flex-direction: column; gap: .5rem; }.field--full { grid-column: 1 / -1; }.field label { font-size: .85rem; font-weight: 800; }.field input, .field select, .field textarea { width: 100%; padding: .9rem 0; border: 0; border-bottom: 1px solid var(--color-gray-400); border-radius: 0; background: transparent; color: var(--color-black); }.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--color-black); outline: 0; box-shadow: 0 2px 0 var(--color-yellow); }.check-field { display: grid; grid-template-columns: auto 1fr; align-items: start; }.check-field input { width: 1.1rem; margin-top: .25rem; }.check-field .field-error { grid-column: 2; }.field-error { color: #a32121; font-size: .78rem; }.form-alert { margin-bottom: 2rem; padding: 1rem; border-left: 4px solid; }.form-alert--success { border-color: #287a46; background: #e9f7ee; }.form-alert--error { border-color: #a32121; background: #fff0f0; }.honeypot { position: absolute; left: -10000px; }
.detail-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(3rem, 8vw, 8rem); }.detail-grid aside { display: flex; flex-direction: column; }.detail-grid aside span { color: var(--color-yellow-dark); font-size: .75rem; font-weight: 900; text-transform: uppercase; }.detail-grid p { max-width: 45rem; font-size: 1.15rem; }.detail-grid .button { margin-top: 1rem; }
.blog-empty { display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; min-height: 380px; padding: clamp(2rem, 6vw, 5rem); border-radius: var(--radius-lg); background: var(--color-gray-100); }.blog-empty > span { color: var(--color-yellow); font-size: clamp(5rem, 13vw, 11rem); font-weight: 900; letter-spacing: -.1em; }.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.breadcrumbs { padding-block: .65rem; border-bottom: 1px solid var(--color-gray-200); background: var(--color-white); }.breadcrumbs ol { display: flex; gap: .6rem; margin: 0; padding: 0; overflow: hidden; list-style: none; color: var(--color-gray-700); font-size: .75rem; white-space: nowrap; }.breadcrumbs li { overflow: hidden; text-overflow: ellipsis; }.breadcrumbs li + li::before { margin-right: .6rem; color: var(--color-gray-400); content: '/'; }.breadcrumbs a { font-weight: 750; }
.article-hero { padding-block: clamp(5rem, 10vw, 9rem); background: var(--color-yellow); }.article-hero .eyebrow::before { background: var(--color-black); }.article-meta { display: flex; gap: 1.5rem; font-size: .85rem; font-weight: 750; }.article-body { max-width: 760px; }.article-body p { font-size: 1.15rem; line-height: 1.8; }
.infographic-split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.impact-system-section { overflow: hidden; background: var(--color-gray-100); }
.impact-system { position: relative; width: min(100%, 590px); aspect-ratio: 1; margin-inline: auto; }
.impact-ring { position: absolute; border: 1px solid var(--color-gray-400); border-radius: 50%; }.impact-ring--outer { inset: 4%; }.impact-ring--middle { inset: 22%; border-style: dashed; }
.impact-ring::before, .impact-ring::after { position: absolute; width: 9px; aspect-ratio: 1; border-radius: 50%; background: var(--color-yellow); content: ''; }.impact-ring--outer::before { top: 13%; left: 15%; }.impact-ring--outer::after { right: 5%; bottom: 26%; }.impact-ring--middle::before { top: 55%; left: -5px; }.impact-ring--middle::after { top: 3%; right: 16%; }
.impact-core { position: absolute; inset: 35%; display: grid; align-content: center; border-radius: 50%; background: var(--color-black); box-shadow: 0 25px 70px rgb(0 0 0 / 18%); color: var(--color-white); text-align: center; }.impact-core small { font-size: .65rem; letter-spacing: .15em; text-transform: uppercase; }.impact-core strong { color: var(--color-yellow); font-size: 1.3rem; }
.impact-node { position: absolute; padding: .55rem .9rem; border: 1px solid var(--color-gray-200); border-radius: 999px; background: var(--color-white); box-shadow: var(--shadow-soft); font-size: .75rem; font-weight: 850; }.impact-node--skills { top: 8%; right: 10%; }.impact-node--behaviour { bottom: 13%; right: 1%; }.impact-node--system { bottom: 5%; left: 5%; }
.visual-legend > p:not(.eyebrow) { color: var(--color-gray-700); }.visual-legend ol { margin: 2.5rem 0 0; padding: 0; border-top: 1px solid var(--color-gray-200); list-style: none; }.visual-legend li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid var(--color-gray-200); }.visual-legend li > span { color: var(--color-yellow-dark); font-size: .75rem; font-weight: 900; }.visual-legend li div { display: flex; flex-direction: column; }.visual-legend li small { color: var(--color-gray-700); }
.brand-convergence { display: grid; grid-template-columns: 1fr .35fr 1fr; align-items: center; gap: 1rem; margin-top: clamp(4rem, 8vw, 8rem); }.convergence-brand, .convergence-result { padding: 2rem; border: 1px solid rgb(255 255 255 / 18%); border-radius: var(--radius-md); }.convergence-brand small, .convergence-result small { display: block; margin-bottom: .5rem; color: var(--color-gray-400); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }.convergence-brand strong, .convergence-result strong { font-size: clamp(1.2rem, 2vw, 2rem); }.convergence-brand--jazz { border-color: var(--color-yellow); }.convergence-lines { position: relative; display: grid; height: 100%; place-items: center; }.convergence-lines i { position: absolute; width: 100%; height: 1px; background: var(--color-gray-700); }.convergence-lines i:first-child { transform: rotate(18deg); }.convergence-lines i:nth-child(2) { transform: rotate(-18deg); }.convergence-lines span { z-index: 1; display: grid; width: 2rem; aspect-ratio: 1; place-items: center; border-radius: 50%; background: var(--color-yellow); color: var(--color-black); font-weight: 900; }.convergence-result { grid-column: 1 / -1; justify-self: center; min-width: min(100%, 350px); border: 0; background: var(--color-yellow); color: var(--color-black); text-align: center; }.convergence-result small { color: var(--color-gray-900); }
.team-map-section { overflow: hidden; background: var(--color-gray-100); }.team-capability-map { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: clamp(1rem, 5vw, 4rem); min-height: 320px; }.team-capability-map svg { position: absolute; z-index: 0; inset: 12% 5%; width: 90%; height: 76%; overflow: visible; }.team-capability-map svg path { fill: none; stroke: var(--color-gray-400); stroke-dasharray: 5 8; stroke-width: 1.5; }.capability { position: relative; z-index: 1; display: grid; min-height: 210px; align-content: center; padding: 2rem; border-radius: 50%; background: var(--color-white); box-shadow: var(--shadow-soft); text-align: center; }.capability span { color: var(--color-yellow-dark); font-size: .72rem; font-weight: 900; }.capability strong { margin-block: .45rem; font-size: clamp(1rem, 2vw, 1.45rem); }.capability small { color: var(--color-gray-700); }.capability--people { aspect-ratio: 1; background: var(--color-black); color: var(--color-white); }.capability--people small { color: var(--color-yellow); }.capability--shift, .capability--jazz { border-radius: var(--radius-lg); }.capability--jazz { background: var(--color-yellow); }
.contact-flow-section { padding-block: 2.2rem; border-bottom: 1px solid var(--color-gray-200); background: var(--color-white); }.contact-flow { display: grid; grid-template-columns: repeat(3, 1fr); }.contact-flow article { display: grid; grid-template-columns: 2.5rem 1fr auto; align-items: center; gap: .75rem; padding: 1.1rem 1.5rem; border-right: 1px solid var(--color-gray-200); }.contact-flow article:last-child { border: 0; }.contact-flow span { color: var(--color-yellow-dark); font-size: .72rem; font-weight: 900; }.contact-flow div { display: flex; flex-direction: column; }.contact-flow small { color: var(--color-gray-700); }.contact-flow i { color: var(--color-gray-400); font-size: 1.5rem; font-style: normal; }.contact-flow article:last-child i { display: none; }
.blog-topics-section { overflow: hidden; background: var(--color-black); color: var(--color-white); }.blog-topics-section .visual-legend > p:not(.eyebrow) { color: var(--color-gray-400); }.topic-orbit { position: relative; width: min(100%, 560px); aspect-ratio: 1; margin-inline: auto; border: 1px solid var(--color-gray-700); border-radius: 50%; }.topic-orbit::before { position: absolute; inset: 18%; border: 1px dashed var(--color-gray-700); border-radius: 50%; content: ''; }.topic-core { position: absolute; inset: 35%; display: grid; align-content: center; border-radius: 50%; background: var(--color-yellow); color: var(--color-black); font-size: .7rem; letter-spacing: .1em; text-align: center; text-transform: uppercase; }.topic-core strong { display: block; font-size: 1rem; }.topic-orbit > span { position: absolute; padding: .45rem .75rem; border: 1px solid var(--color-gray-700); border-radius: 999px; background: var(--color-black); font-size: .72rem; font-weight: 800; }.topic-orbit > span:nth-of-type(1) { top: 3%; left: 42%; }.topic-orbit > span:nth-of-type(2) { top: 24%; right: -3%; }.topic-orbit > span:nth-of-type(3) { right: 2%; bottom: 17%; }.topic-orbit > span:nth-of-type(4) { bottom: 2%; left: 38%; }.topic-orbit > span:nth-of-type(5) { bottom: 22%; left: -3%; }.topic-orbit > span:nth-of-type(6) { top: 20%; left: 0; }
.shift-blueprint-section { overflow: hidden; background: var(--color-gray-100); }.shift-blueprint { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; list-style: none; }.shift-blueprint::before { position: absolute; top: 4.45rem; right: 12.5%; left: 12.5%; height: 2px; background: var(--color-black); content: ''; }.shift-blueprint li { position: relative; text-align: center; }.shift-blueprint li > span { display: block; margin-bottom: 1.4rem; color: var(--color-gray-700); font-size: .72rem; font-weight: 900; }.blueprint-node { position: relative; display: flex; align-items: center; flex-direction: column; }.blueprint-node i { z-index: 1; display: block; width: 2rem; aspect-ratio: 1; margin-bottom: 1.3rem; border: 8px solid var(--color-gray-100); border-radius: 50%; background: var(--color-black); box-shadow: 0 0 0 2px var(--color-black); }.shift-blueprint li:nth-child(3) .blueprint-node i, .shift-blueprint li:last-child .blueprint-node i { background: var(--color-yellow); }.blueprint-node small { color: var(--color-gray-700); }.blueprint-axis { display: flex; align-items: center; gap: 1rem; margin-top: 4rem; color: var(--color-gray-700); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }.blueprint-axis i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--color-black), var(--color-yellow)); }
.group-index { display: block; margin-bottom: 1rem; color: var(--color-yellow-dark); font-size: .75rem; font-weight: 900; }
.jazz-rhythm-section { overflow: hidden; background: #fff9d9; }.jazz-rhythm-section .eyebrow::before { background: var(--color-black); }.jazz-score { position: relative; width: min(100%, 650px); margin-inline: auto; }.jazz-score svg { width: 100%; }.score-wave { fill: none; stroke: var(--color-black); stroke-width: 2; }.score-wave--two { stroke: var(--color-yellow-dark); stroke-dasharray: 7 9; }.jazz-score circle { fill: var(--color-yellow); stroke: var(--color-black); stroke-width: 3; }.score-label { position: absolute; padding: .5rem .8rem; border-radius: 999px; background: var(--color-black); color: var(--color-white); font-size: .7rem; font-weight: 800; }.score-label--one { top: 30%; left: 3%; }.score-label--two { bottom: 30%; left: 30%; }.score-label--three { top: 22%; right: 19%; }.score-label--four { right: 0; bottom: 33%; }
.service-grid a > i { width: .65rem; aspect-ratio: 1; align-self: flex-start; border-radius: 50%; background: var(--color-yellow); }.service-grid a > span:nth-child(2) { margin-right: auto; }
.service-path { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: clamp(5rem, 10vw, 9rem); padding-top: 2rem; border-top: 1px solid var(--color-gray-200); }.service-path > div { position: relative; display: flex; min-height: 150px; flex-direction: column; padding: 1.25rem; border-right: 1px solid var(--color-gray-200); }.service-path > div:last-child { border: 0; }.service-path span { color: var(--color-yellow-dark); font-size: .72rem; font-weight: 900; }.service-path strong { margin-top: auto; font-size: 1.1rem; }.service-path i { position: absolute; top: -2.4rem; left: 1.25rem; width: .8rem; aspect-ratio: 1; border-radius: 50%; background: var(--color-black); }.service-path--jazz { border-top-style: dashed; }.service-path--jazz i { background: var(--color-yellow); }