/* v0.5.9 — matching headline styles, two brand medallions and project controls. */
.client-heading h2,.services-intro h2{font-size:clamp(38px,3.6vw,52px);line-height:1.2;text-wrap:balance}
.client-heading h2 em,.services-intro h2 em{font:italic 400 1.04em/1.2 'Next Level Serif',Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:var(--accent)}
.brand-orbit{position:relative;display:grid;place-items:center;width:64px;height:64px;flex:none}
.brand-orbit-ring{inset:1px}
.brand-orbit-disc{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fa4616}
.technology-signature .brand-orbit .brand-icon,.approach-section .about-mark .brand-orbit .brand-icon{display:block;width:16px;height:auto;object-fit:contain}
.technology-signature{bottom:2px}
.approach-section .about-strip{grid-template-columns:64px minmax(0,1fr) auto}
.approach-section .about-mark{width:64px;margin-top:0;align-self:center}
.approach-section.is-offscreen .brand-orbit-ring{animation-play-state:paused!important}
.more-projects{flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}
.more-projects .visual-journey{display:inline-flex;border:1px solid #fa4616;background:transparent;color:#fa4616;min-height:54px;font-size:16px;padding:13px 24px;gap:10px}
.more-projects .visual-journey:hover,.more-projects .visual-journey:focus-visible{background:#fa4616;color:#fff}
.more-projects .visual-journey svg{width:17px;height:17px}
@media(max-width:1100px){
 .approach-section .about-strip{grid-template-columns:64px minmax(0,1fr)}
 .approach-section .about-strip .text-action{grid-column:2}
}
@media(max-width:700px){
 .client-heading h2,.services-intro h2{font-size:36px;line-height:1.22}
 .brand-orbit{width:52px;height:52px}
 .brand-orbit-disc{width:36px;height:36px}
 .technology-signature .brand-orbit .brand-icon,.approach-section .about-mark .brand-orbit .brand-icon{width:13px}
 .approach-section .about-strip{grid-template-columns:52px minmax(0,1fr);column-gap:14px}
 .approach-section .about-mark{width:52px;align-self:start}
 .technology-signature{bottom:2px}
 .more-projects{gap:10px}
 .more-projects .button,.more-projects .visual-journey{font-size:15px;min-height:50px;padding:11px 20px}
}
@media(max-width:600px){.approach-section .about-strip .text-action{grid-column:1/-1}}
@media(max-width:370px){.client-heading h2,.services-intro h2{font-size:32px}}

#projects-title[tabindex="-1"]:focus{outline:none}