/* After Dark Studios - v207 Services refinement. Scoped to /services/ pages. */
/* Company heading and LinkedIn button */
.services-about-hero-v206 .services-hero-title-v206{margin:.2rem 0 .85rem;line-height:1.05}
.services-about-hero-v206 .company-profile-role{display:block;margin:0 0 .7rem}
.services-about-hero-v206 .profile-links{display:flex;align-items:center;position:relative;z-index:2;margin:.9rem 0 0}
.services-about-hero-v206 a.linkedin-button,
.services-founder-section-v206 a.linkedin-button{
  position:relative;z-index:2;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;
  min-height:2.8rem;gap:.6rem;padding:.58rem .9rem;border:1px solid var(--line);border-radius:.78rem;
  background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-size:.95rem;font-weight:750;
  line-height:1.1;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease
}
.services-about-hero-v206 a.linkedin-button:hover,
.services-founder-section-v206 a.linkedin-button:hover{
  background:rgba(var(--accent-rgb),.16);border-color:rgba(var(--accent2-rgb),.6);transform:translateY(-1px)
}
.services-about-hero-v206 a.linkedin-button:focus-visible,
.services-founder-section-v206 a.linkedin-button:focus-visible{
  outline:3px solid var(--blue2,#8fdcff);outline-offset:3px
}
.services-about-hero-v206 .linkedin-mark,
.services-founder-section-v206 .linkedin-mark{
  display:grid;place-items:center;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;
  border-radius:.28rem;background:#fff;color:#07111d;font-size:.88rem;font-weight:900;line-height:1
}
/* The old company stylesheet sized these like giant page headlines. */
.services-about-hero-v206 .story-stats > span{display:block;min-width:0;padding:1rem 1.05rem;line-height:1.5}
.services-about-hero-v206 .story-stats strong{
  display:block;font-size:clamp(1.04rem,1.25vw,1.24rem);font-weight:800;line-height:1.3;
  letter-spacing:-.012em;margin:0 0 .45rem;text-shadow:none;overflow-wrap:break-word
}
/* Entire development section is now one framed card with its own heading. */
.services-development-card-v207{
  display:block;padding:clamp(1.25rem,2.75vw,2.15rem);overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(var(--accent-rgb),.045),rgba(var(--violet-rgb),.035))
}
.services-development-card-v207 .services-development-head-v207{margin:0 0 1.25rem}
.services-development-card-v207 .services-development-head-v207 h2{
  font-size:clamp(1.95rem,3.5vw,3.2rem);line-height:1.12;margin:0
}
.services-development-grid-v207{
  display:grid;grid-template-columns:minmax(245px,.76fr) minmax(0,1.24fr);
  gap:clamp(1.2rem,2.5vw,2.1rem);align-items:stretch
}
.services-development-card-v207 .services-unified-copy-v206{min-width:0;padding:0}
.services-development-card-v207 .services-unified-copy-v206>p:first-child{margin-top:0}
.services-development-card-v207 .services-one-list-v206{grid-template-columns:repeat(2,minmax(0,1fr))}
.services-development-media-v207{
  position:relative;isolation:isolate;min-height:29rem;overflow:hidden;border:1px solid var(--line);
  border-radius:1.05rem;background:#071420 url('/assets/images/services-code-poster-v208.webp') center/cover no-repeat
}
.services-development-media-v207:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,20,.03) 50%,rgba(2,10,20,.78) 100%);
}
.services-code-video-v207{display:block;width:100%;height:100%;min-height:29rem;object-fit:cover;object-position:center;opacity:.95}
.services-code-caption-v207{
  position:absolute;bottom:1rem;left:1rem;z-index:1;letter-spacing:.11em;
  font-size:.72rem;font-weight:800;color:#e7f9ff;text-shadow:0 1px 6px #05141e;
}
@media(max-width:980px){
  .services-development-grid-v207{grid-template-columns:1fr}
  .services-development-media-v207{min-height:17rem;max-height:20rem}
  .services-code-video-v207{min-height:17rem;max-height:20rem}
}
@media(max-width:760px){
  .services-development-card-v207 .services-one-list-v206{grid-template-columns:1fr}
  .services-development-card-v207{padding:1.1rem}
}
@media(prefers-reduced-motion:reduce){
  .services-code-video-v207{display:none}
  .services-about-hero-v206 a.linkedin-button,
  .services-founder-section-v206 a.linkedin-button{transition:none}
}


/* v208 Services — 4 blocks with 12px gaps, no top anchor pills. */
main#main{padding-top:12px}
main#main > section.section{
  padding-top:0;
  padding-bottom:0;
  margin:0 auto 12px;
}
main#main > section.section:last-child{margin-bottom:clamp(2rem,4vw,3.5rem)}
/* Uploaded 16:9 code video: favour the active terminal area in portrait card. */
.services-development-media-v207{
  background-image:url('/assets/images/services-code-poster-v208.webp');
  background-position:66% center;
}
.services-code-video-v207{object-position:66% center}
@media(max-width:760px){
  main#main{padding-top:8px}
  main#main > section.section{margin-bottom:10px}
  .services-code-video-v207{object-position:center}
}