/* Service pages share the studio palette; text remains visible without JS. */
.service-landing .hero-grid{padding-block:32px;gap:24px;min-height:390px}
.hero-service h1{font-size:clamp(42px,5.2vw,72px);line-height:1.05;max-width:660px}
.hero-service .hero-illustration{mix-blend-mode:lighten;align-self:center}
.hero-service .studio-art{width:100%;height:auto;aspect-ratio:3/2;max-height:380px}
.service-block{padding-block:44px;border-top:1px solid var(--line)}
.service-split{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:start}
.service-split h2{font-size:clamp(28px,3vw,40px);max-width:450px;margin:0}
.service-prose{max-width:660px;font-size:16px;line-height:1.8}
.service-prose p:first-child{margin-top:0}.service-prose p:last-child{margin-bottom:0}
.service-prose p+p{margin-top:18px}.service-prose a,.service-reading a{color:var(--action);text-decoration:underline;text-underline-offset:4px}
.service-prose ul{padding-left:22px;margin:18px 0}.service-prose li{margin:10px 0}.service-prose strong{color:var(--ink)}
.service-reading{padding:26px 0;border-top:1px solid var(--line)}.service-reading h2{font-size:24px;margin-bottom:16px}.service-reading ul{display:flex;flex-wrap:wrap;gap:12px 32px;padding:0;list-style:none}
.service-formats{border-top:1px solid var(--line);padding-block:24px}.service-format-links{display:flex;flex-wrap:wrap;gap:10px 28px}.service-format-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);border-bottom:1px solid #434d35}.service-format-links a svg{width:18px;height:18px;color:var(--action)}
.service-detail-link{display:flex;align-items:center;gap:10px;width:max-content;min-height:44px;color:var(--action);margin-top:8px}.service-detail-link .gr-icon{width:18px;height:18px}
.nav-submenu{max-height:calc(100dvh - 110px);overflow-y:auto}
@media(min-width:801px){.nav-submenu{min-width:490px;grid-template-columns:1fr 1fr;gap:0 12px}.nav-dropdown[open] .nav-submenu{display:grid}}
@media(max-width:800px){.service-landing .hero-grid{min-height:0;gap:12px}.hero-service .hero-illustration{max-width:460px;margin:auto}.hero-service .studio-art{max-height:240px}.service-split{grid-template-columns:1fr;gap:20px}.service-block{padding-block:32px}.service-prose{font-size:15px}.nav-submenu{max-height:55dvh}}
@media(max-width:520px){.service-landing .hero-grid{padding-block:22px}.hero-service .hero-actions{gap:14px}.hero-service .hero-actions .btn{font-size:12px;padding:12px 17px;gap:10px}.hero-service .studio-art{max-height:185px}.service-block{padding-block:28px}.service-prose{line-height:1.75}.service-landing .hero-copy h1{font-size:40px}}
@media(prefers-reduced-motion:no-preference){
 /* Entrance belongs to decorative art, never to the main text or LCP timing. */
 .hero-copy{animation:none}
 .hero-service .hero-illustration,.hero-home .hero-illustration{animation:service-art-enter .7s ease-out}
 .btn,.service-format-links a,.service-item{transition:transform .2s ease-out,background-color .2s,border-color .2s}
 .btn:active{transform:scale(.98)}
 @media(hover:hover){.service-item:hover{transform:translateY(-3px)}.service-format-links a:hover{transform:translateX(3px)}}
 .faq-item[open]>div{animation:service-answer .18s ease-out}
 @keyframes service-art-enter{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
 @keyframes service-answer{from{transform:translateY(-4px)}to{transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.btn,.btn .gr-icon,.service-item,.service-format-links a{transition:none!important;transform:none!important}.hero-copy,.hero-illustration,.section-head,.story-visual{animation:none!important}}