/* Final public visual contract — mobile composition approved 2026-08-10. */
main[data-page-id="home"] .hero h1 em{
  font-style:normal;
  font-size:calc(1em - 4pt);
  color:#9badff;
  letter-spacing:-.028em;
  text-shadow:0 0 10px rgb(83 111 255/.24),0 0 22px rgb(45 78 232/.16);
  margin-top:.035em;
}
main[data-page-id="home"] .hero__eyebrow{color:#739cff}
main[data-page-id="home"] .service-card{appearance:none;font:inherit}
main[data-page-id="home"] .service-card b{
  font-family:"EB Garamond",Georgia,serif;
  font-weight:400;
  text-transform:none;
  letter-spacing:-.01em;
  line-height:1.08;
}
main[data-page-id="home"] .service-card.active{
  transform:translateY(-2px);
  border-color:rgb(var(--mineral-bright)/.82);
  box-shadow:0 1px 0 rgb(var(--mineral-bright)/.12),0 5px 10px rgb(0 0 0/.72),0 14px 25px rgb(0 0 0/.36),0 0 24px rgb(var(--mineral-bright)/.16),inset 1px 1px 0 rgb(255 255 255/.1),inset -1px -2px 0 rgb(0 0 0/.84),inset 0 -10px 18px rgb(0 0 0/.31)
}
.example-controls{display:flex;align-items:center;gap:16px}
.example-more{display:inline-flex;align-items:center;gap:6px;color:#c8d2ef;font-size:.72rem;white-space:nowrap}
.example-more span{color:#8397ff}

/* Consolidated services directory. */
.services-directory-intro .services-intro__recess{grid-template-columns:1fr}
.services-directory-intro .services-intro__copy{max-width:860px}
.services-directory{width:min(calc(100% - var(--page-gutter) * 2),var(--site-max-width));margin:10px auto 0;display:grid;gap:10px}
.service-directory__section{scroll-margin-top:84px;padding:24px 28px 26px}
.service-directory__head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start}
.service-directory__head .service-icon{width:44px;height:44px;display:grid;place-items:center}
.service-directory__head .service-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.service-directory__section h2{margin:0;font-family:"EB Garamond",Georgia,serif;font-size:2rem;font-weight:400;line-height:1.04}
.service-directory__section p{max-width:820px;margin:8px 0 0;color:var(--text-secondary);line-height:1.5}
.service-example-links{margin:20px 0 0 68px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.service-example-link{min-height:74px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgb(125 145 184/.18);border-radius:8px;background:rgb(4 8 14/.56)}
.service-example-link b{font-family:"EB Garamond",Georgia,serif;font-size:1.05rem;font-weight:400}
.service-example-link span{color:#8397ff;font-size:.72rem;white-space:nowrap}

@media(max-width:820px){
  main[data-page-id="home"] .hero h1{line-height:.94;letter-spacing:-.034em}
  main[data-page-id="home"] .hero h1 em{line-height:.94}
  main[data-page-id="home"] .hero__description{max-width:345px}
  main[data-page-id="home"] .service-card{min-height:122px;padding:9px 6px 7px}
  main[data-page-id="home"] .service-card b{margin:5px 0 3px;font-size:.72rem}
  main[data-page-id="home"] .service-card small{display:block;font-size:.49rem;line-height:1.24;margin-top:3px}
  main[data-page-id="home"] .sample-tray{min-height:254px;padding:8px 28px 12px}
  main[data-page-id="home"] .sample-tray .tray-heading{height:55px;padding-top:6px}
  main[data-page-id="home"] .sample-grid{height:184px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,42%);gap:8px}
  main[data-page-id="home"] .sample-card{height:184px;display:grid;grid-template-rows:76px minmax(0,1fr);overflow:hidden}
  main[data-page-id="home"] .sample-card__image{grid-row:1;width:100%;height:76px;object-fit:cover;order:-1}
  main[data-page-id="home"] .sample-card__content{grid-row:2;padding:8px 9px;min-width:0}
  main[data-page-id="home"] .sample-card__content h3{margin:0;font-size:.8rem;line-height:1.05}
  main[data-page-id="home"] .sample-card__content p{display:block;margin:5px 0 0;font-size:.48rem;line-height:1.28;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  main[data-page-id="home"] .sample-card__content>span{display:none}
  main[data-page-id="home"] .carousel-arrow{top:126px}
  .example-controls{gap:7px}
  .example-more{font-size:.58rem}
  .service-directory__section{scroll-margin-top:106px;padding:20px 18px 22px}
  .service-directory__section h2{font-size:1.55rem}
  .service-example-links{margin:16px 0 0;grid-template-columns:1fr}
}

@media(max-width:480px){
  main[data-page-id="home"] .hero__copy{width:64%}
  main[data-page-id="home"] .hero h1{font-size:1.82rem}
  main[data-page-id="home"] .hero h1 em{font-size:calc(1em - 4pt)}
  main[data-page-id="home"] .hero__description{font-size:.52rem;line-height:1.32}
  main[data-page-id="home"] .service-card{min-height:108px;padding:7px 4px 6px}
  main[data-page-id="home"] .service-icon,main[data-page-id="home"] .service-icon svg{width:23px;height:23px}
  main[data-page-id="home"] .service-card b{font-size:.57rem;line-height:1.08}
  main[data-page-id="home"] .service-card small{display:block;font-size:.39rem;line-height:1.18;margin-top:2px}
  main[data-page-id="home"] .sample-tray{min-height:222px;padding:6px 8px 9px}
  main[data-page-id="home"] .sample-tray .tray-heading{height:48px;padding:3px 3px 0}
  main[data-page-id="home"] .sample-grid{height:160px;grid-auto-columns:52%;gap:6px}
  main[data-page-id="home"] .sample-card{height:160px;grid-template-rows:65px minmax(0,1fr)}
  main[data-page-id="home"] .sample-card__image{height:65px}
  main[data-page-id="home"] .sample-card__content{padding:6px 7px}
  main[data-page-id="home"] .sample-card__content h3{font-size:.66rem}
  main[data-page-id="home"] .sample-card__content p{font-size:.38rem;-webkit-line-clamp:4}
  main[data-page-id="home"] .carousel-arrow{display:none}
  .example-more{font-size:.47rem}
}