.service-section-header{display:flex;flex-direction:column;gap:.75em;margin-bottom:4em}.service-section-header h2{font-size:3.5rem;max-width:16ch}.services-hero{position:relative;width:100vw;min-height:100svh;padding:12em 2em 6em;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.5em}.services-hero h1{font-size:7rem;max-width:14ch}.services-hero .services-hero-intro{max-width:580px}.services-index{position:relative;width:100vw;padding:2em 2em 8em}.services-index .service-entry{position:relative;display:flex;align-items:center;gap:2em;padding:2.5em 1em;border-top:1px solid var(--fg);transition:padding .3s ease,background-color .3s ease}.services-index .service-entry:last-child{border-bottom:1px solid var(--fg)}.services-index .service-entry:hover{padding-left:2em;padding-right:2em;background-color:var(--bg2)}.services-index .service-entry .service-entry-index{flex-shrink:0;width:3em}.services-index .service-entry .service-entry-body{flex:1;display:flex;flex-direction:column;gap:.5em}.services-index .service-entry .service-entry-name{font-size:3.5rem}.services-index .service-entry .service-entry-desc{max-width:52ch;opacity:.7}.services-index .service-entry .service-entry-arrow{flex-shrink:0;font-family:rader;font-style:italic;font-size:3rem;transition:transform .3s ease}.services-index .service-entry:hover .service-entry-arrow{transform:translate(.15em,-.15em)}.service-detail-hero{position:relative;width:100vw;min-height:90svh;padding:12em 2em 6em;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.5em}.service-detail-hero .service-detail-meta{display:flex;gap:1em}.service-detail-hero h1{font-size:6.5rem}.service-detail-hero .service-detail-tagline{max-width:620px}.service-overview{position:relative;width:100vw;padding:6em 2em;display:flex;justify-content:center}.service-overview .service-overview-inner{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:1.5em}.service-overview .service-overview-text{font-size:2rem;line-height:1.25}.service-capabilities{position:relative;width:100vw;padding:6em 2em 8em}.service-capabilities .capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5em}.service-capabilities .capability-card{display:flex;flex-direction:column;gap:.75em;padding:2em;border:1px solid var(--fg);border-radius:1.5em;min-height:320px}.service-capabilities .capability-card .capability-card-index{margin-bottom:auto}.service-capabilities .capability-card h3{font-size:2rem}.service-process{position:relative;width:100vw;padding:6em 2em 8em;background-color:var(--fg);color:var(--bg)}.service-process .service-section-header h2,.service-process .process-step p{color:var(--bg)}.service-process .process-steps{display:flex;gap:1.5em}.service-process .process-step{flex:1;display:flex;flex-direction:column;gap:.75em;padding:2em;border:1px solid var(--bg);border-radius:1.5em}.service-process .process-step h3{font-size:1.75rem}@media(max-width:1000px){.service-section-header{margin-bottom:2.5em}.service-section-header h2{font-size:2rem}.services-hero{padding:10em 1.5em 4em}.services-hero h1{font-size:3.5rem}.services-index{padding:1em 1.5em 5em}.services-index .service-entry{gap:1em;padding:1.5em 0}.services-index .service-entry:hover{padding-left:0;padding-right:0;background-color:transparent}.services-index .service-entry .service-entry-index{display:none}.services-index .service-entry .service-entry-name,.services-index .service-entry .service-entry-arrow{font-size:2rem}.service-detail-hero{padding:10em 1.5em 4em}.service-detail-hero h1{font-size:3.5rem}.service-overview{padding:4em 1.5em}.service-overview .service-overview-text{font-size:1.4rem}.service-capabilities,.service-process{padding:4em 1.5em 5em}.service-capabilities .capability-grid{grid-template-columns:1fr}.service-capabilities .capability-card{min-height:0}.service-process .process-steps{flex-direction:column}}.service-capabilities .capability-card,.service-process .process-step{transition:border-color .3s ease}.service-capabilities .capability-card:hover,.service-process .process-step:hover{border-color:var(--page-accent, var(--accent1))}
