/* Clear visitor actions and readable labels without changing the brand palette. */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}
.hero-actions .round-link{margin:0}
.project-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:30px;background:#d4b071;color:#10221d;font-size:14px;font-weight:650;text-decoration:none;border:1px solid #d4b071}
.project-cta:hover{background:#e2c38f}.project-cta:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.contact-next{max-width:64ch;margin:24px 0 0;font-size:16px;line-height:1.8;color:var(--muted)}
.gallery-nav{gap:8px;align-items:center}.gallery-tabs{flex:1;min-width:0;flex-wrap:wrap}
.gallery-nav .gallery-tabs button,.media-tabs button,.research-tabs button{flex:0 1 auto;min-width:0;max-width:100%;width:auto;height:auto;min-height:32px;padding:5px 9px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:11px;font-weight:400}
.media-tabs,.research-tabs{display:flex;flex-wrap:wrap;gap:7px}
@media(min-width:601px){.gallery-tabs,.media-tabs,.research-tabs{flex-wrap:nowrap}}
/* One pill silhouette for every demo tab and its previous/next controls.
   Keep it unchanged when selected, hovered or keyboard-focused. */
.service-chapter :is(.gallery-nav,.media-tabs,.research-tabs) button{border-radius:999px}
[data-theme=dark] :is(.hero-description,.about-body p,.about-values p,.cooperation p,.service-title>p,.service-detail p,.faq-item p,.contact-next,.contact-details address,.form-note){color:#bdccc3}
[data-theme=dark] .contact-form :is(input,textarea)::placeholder{color:#adbbb3;opacity:1}
[data-theme=light] .contact-form :is(input,textarea)::placeholder{color:#58665e;opacity:1}
[data-theme=dark] :is(.service-list small,.service-head .eyebrow,.stage-caption,.hero-bottom,.scene figcaption){color:#aabdaf}
@media(max-width:600px){.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-actions .round-link{align-self:flex-start}.project-cta{align-self:flex-start}.contact-next{font-size:15px}.gallery-nav{flex-wrap:wrap}.gallery-tabs{order:-1;flex-basis:100%}.gallery-prev,.gallery-next{flex:0 0 36px}}
/* Compact visible pills, with an extra 5px touch area on every side.
   12px gaps keep the expanded targets from overlapping. */
@media(max-width:600px),(pointer:coarse){
 .service-chapter :is(.gallery-nav,.gallery-tabs,.media-tabs,.research-tabs){gap:12px}
 .service-chapter :is(.gallery-nav,.media-tabs,.research-tabs) button{position:relative;min-height:34px}
 .service-chapter :is(.gallery-nav,.media-tabs,.research-tabs) button::before{content:"";position:absolute;inset:-5px;border-radius:inherit}
}