/* Finite decorative motion; content stays visible even when JavaScript fails. */
@keyframes arrive{from{opacity:.2;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes line-drift{from{transform:rotate(35deg) translateY(0)}to{transform:rotate(39deg) translateY(-12px)}}
@media(prefers-reduced-motion:no-preference){
  .hero-copy h1,.service-hero h1{animation:arrive .85s ease-out both}
  .hero-description{animation:arrive .8s .12s ease-out both}
  .hero-art .orbit{animation:line-drift 2.2s ease-in-out 2 alternate}
  .motion-enter{animation:arrive .65s ease-out both}
  .button,.path-card,.card-link,summary,nav a,.languages button,.service-row a{transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}
  .button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 7px 22px #0002}
  .path-card:hover,.path-card:focus-visible{transform:translateY(-5px);box-shadow:0 12px 25px #131d2910}
  .path-card:hover .card-link,.path-card:focus-visible .card-link{transform:translateX(4px)}
  .button:active,.path-card:active{transform:translateY(0)}
  nav a:hover,nav a:focus-visible,.service-row a:hover,.service-row a:focus-visible{transform:translateX(2px)}
  details[open] p{animation:arrive .25s ease-out}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.service-hero{background:var(--navy);color:var(--ivory);padding:50px 6% 75px}
.service-hero .eyebrow{color:var(--gold);margin-top:35px}
.service-hero h1{font-size:clamp(42px,5.5vw,76px);max-width:1000px;line-height:1.15}
.service-hero p:last-child{max-width:710px;margin-top:25px;color:#d1d2d4;font-size:18px}
.breadcrumb{font-size:14px;color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.service-content{max-width:1080px;margin:auto;padding:60px 6%}
.service-content article{padding:30px 0;border-bottom:1px solid var(--line)}
.service-content h2{font-size:32px;margin-bottom:20px}
.service-content p{color:var(--muted);max-width:800px;margin-top:12px}
.service-content .review-note{font-size:14px;margin-top:28px}
.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){html[lang=th] .service-hero h1{font-size:42px}.service-hero{padding-bottom:48px}.service-content{padding-top:25px}}