.service-detail{--service-max: 77rem;--service-reading: 40rem;background:rgb(var(--color-surface));color:rgb(var(--color-ink));font-family:var(--font-display)}.service-detail:lang(zh-Hant){font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}.service-detail:lang(zh-Hant) :where(h1,h2,h3){letter-spacing:-.015em;line-height:1.12}.service-detail :where(h1,h2,h3,p){margin:0}.service-detail :where(a,summary){outline-offset:5px}.service-detail :where(a,summary):focus-visible{outline:3px solid rgb(var(--color-accent))}.service-detail .svc-cta-mineral:focus-visible{outline-color:rgb(var(--color-surface));outline-width:2px}.service-detail__container{width:min(calc(100% - 5rem),var(--service-max));margin-inline:auto}.service-detail__section{padding-block:clamp(6rem,9vw,9rem);scroll-margin-top:6rem}.service-detail__primary-action{display:inline-flex;min-height:3.5rem;align-items:center;justify-content:center;margin-top:2.5rem;border:1px solid rgb(var(--color-accent));border-radius:999px;background:rgb(var(--color-cta-from));color:rgb(var(--color-cta-ink));font-size:1rem;font-weight:650;line-height:1;padding-inline:2rem;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.service-detail__primary-action:hover{background:rgb(var(--color-accent-dark));transform:translateY(-2px)}.service-detail__scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:clamp(4rem,9vw,9rem);column-gap:clamp(4rem,9vw,9rem);row-gap:clamp(3.5rem,6vw,6rem)}.service-detail__scope-item h3,.service-detail__note h3{font-size:1.5rem;font-weight:650;letter-spacing:-.02em;line-height:1.2}.service-detail__scope-item p,.service-detail__note p{max-width:34rem;margin-top:1rem;color:rgb(var(--color-ink-muted));font-size:1.25rem;line-height:1.6}.service-detail__projects{display:grid;gap:clamp(6rem,10vw,10rem)}.service-detail__project-image,.service-detail__demonstration-image{display:block;width:100%;height:auto}.service-detail__project-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.5rem;align-items:end;max-width:62rem;margin-top:2rem}.service-detail__project-copy h3{font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:650;letter-spacing:-.025em;line-height:1.12}.service-detail__project-copy p{max-width:42rem;margin-top:.75rem;color:rgb(var(--color-ink-muted));font-size:1.125rem;line-height:1.55}.service-detail__project-copy .service-detail__evidence{color:rgb(var(--color-ink-faint));font-size:1rem}.service-detail__text-link{color:rgb(var(--color-ink));font-size:1rem;font-weight:650;text-decoration-color:rgb(var(--color-border-strong));text-decoration-thickness:1px;text-underline-offset:.35em}.service-detail__text-link:hover{color:rgb(var(--color-accent-dark));text-decoration-color:currentColor}.service-detail__demonstration{background:rgb(var(--color-paper-tint))}.service-detail__demonstration-body{display:grid;gap:clamp(3rem,6vw,5rem)}.service-detail__demonstration-images{overflow:hidden;border-radius:.75rem;background:rgb(var(--color-surface-raised))}.service-detail__demonstration-images--pair{display:grid;gap:1rem}.service-detail__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:clamp(4rem,9vw,9rem);column-gap:clamp(4rem,9vw,9rem);row-gap:3.5rem}.service-detail__faq-list{max-width:42rem;margin-inline:auto}.service-detail__faq{border-top:1px solid rgb(var(--color-border))}.service-detail__faq:last-child{border-bottom:1px solid rgb(var(--color-border))}.service-detail__faq summary{position:relative;padding:1.75rem 3rem 1.75rem 0;cursor:pointer;font-size:1.125rem;font-weight:650;line-height:1.35;list-style:none}.service-detail__faq summary::-webkit-details-marker{display:none}.service-detail__faq summary:after{position:absolute;top:1.7rem;right:0;color:rgb(var(--color-accent));content:"+";font-size:1.6rem;font-weight:400;line-height:1}.service-detail__faq[open] summary:after{content:"−"}.service-detail__faq p{max-width:42rem;padding:0 3rem 1.75rem 0;color:rgb(var(--color-ink-muted));font-size:1.125rem;line-height:1.6}@media(max-width:767px){.service-detail__container{width:min(calc(100% - 2.5rem),var(--service-max))}.service-detail__section{padding-block:5rem}.service-detail__scope-item p,.service-detail__note p{font-size:1.0625rem}.service-detail__scope-list,.service-detail__notes{grid-template-columns:1fr;gap:3.5rem}.service-detail__text-link{justify-self:start}}@media(max-width:639px){.service-detail__actions{align-self:stretch;width:100%}.service-detail__actions>a{width:100%}}@media(prefers-reduced-motion:reduce){.service-detail__primary-action{transition:none}.service-detail__primary-action:hover{transform:none}}.service-detail__related{display:flex;flex-wrap:wrap;gap:24px;padding-block:32px 64px}.service-detail:lang(zh-Hant) h1{max-width:16em;line-height:1.2}.service-detail__project-link{display:block;color:inherit;text-decoration:none}.service-detail[data-service=web-development] .service-detail__projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media(min-width:768px)and (max-width:1099px){.service-detail[data-service=web-development] .service-detail__projects{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail[data-service=web-development] .service-detail__project:nth-child(3){grid-column:1 / -1}.service-detail[data-service=web-development] .service-detail__project:nth-child(3) .service-detail__project-link{flex-direction:row}.service-detail[data-service=web-development] .service-detail__project:nth-child(3) .service-detail__project-link>picture{display:flex;flex:none;width:42%;align-self:stretch}.service-detail[data-service=web-development] .service-detail__project:nth-child(3) .service-detail__project-image{width:100%;height:auto;align-self:stretch;aspect-ratio:auto;border-bottom:0;border-inline-end:1px solid rgb(var(--color-hairline))}.service-detail[data-service=web-development] .service-detail__project:nth-child(3) .service-detail__project-copy{flex:1;justify-content:center;padding:1.5rem}.service-detail[data-service=web-development] .service-detail__project:nth-child(3) .service-detail__project-copy .service-detail__text-link{margin-top:.75rem}}@media(max-width:767px){.service-detail[data-service=web-development] .service-detail__projects{grid-template-columns:minmax(0,1fr)}}.service-detail__band{padding-block:5rem}.service-detail__band--tint{background:rgb(var(--color-paper-tint))}.service-detail__band-head{margin-bottom:2.5rem}.service-detail__opener-action{margin-top:2rem}.service-detail__actions{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.service-detail__actions>a{margin-top:0}.service-detail__opener-actions{margin-top:2rem}.service-detail__mid-cta .service-detail__actions{margin-top:2.5rem}.service-detail__secondary-action{display:inline-flex;min-height:3.5rem;align-items:center;justify-content:center;border:1px solid rgb(var(--color-border));border-radius:999px;background:rgb(var(--color-surface-raised));color:rgb(var(--color-ink));font-size:1rem;font-weight:650;line-height:1;padding-inline:2rem;text-decoration:none;transition:background-color .18s ease,border-color .18s ease}.service-detail__secondary-action:hover{background:rgb(var(--color-surface-subtle));border-color:rgb(var(--color-border-strong))}@media(min-width:640px){.service-detail__actions{flex-direction:row;gap:1rem}}.service-detail__mid-cta{display:flex;justify-content:center;padding-block:1rem 0}.service-detail__investment{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem 3rem;margin-top:4rem;padding-top:2.5rem;border-top:1px solid rgb(var(--color-hairline))}.service-detail__investment-title{margin:0;font-family:inherit;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:rgb(var(--color-ink));text-wrap:balance}.service-detail__investment-body{display:flex;flex-direction:column;gap:.875rem}.service-detail__investment-body p{margin:0;max-width:62ch;font-size:1rem;line-height:1.6;color:rgb(var(--color-ink-muted))}.service-detail__related{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 2rem;padding-block:2rem 3rem}.service-detail__related-label{flex:0 0 100%;margin:0;font-size:.75rem;font-weight:600;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;color:rgb(var(--color-ink-faint))}.service-detail__related .service-detail__text-link{line-height:1.2}@media(min-width:640px){.service-detail__related-label{flex:0 0 auto}}@media(min-width:768px){.service-detail__band{padding-block:7rem}.service-detail__band-head{margin-bottom:3rem}.service-detail__investment{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}.service-detail__mid-cta{padding-block:1.5rem 0}}@media(min-width:1024px){.service-detail__band{padding-block:8rem}}.service-detail__projects{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.service-detail__project{margin:0}.service-detail__project-link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgb(var(--color-hairline));border-radius:.875rem;background:rgb(var(--color-surface-raised));color:inherit;text-decoration:none;box-shadow:0 1px 2px rgb(var(--color-ink) / .04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-detail__project-link:hover{transform:translateY(-3px);border-color:rgb(var(--color-border-strong));box-shadow:0 2px 4px rgb(var(--color-ink) / .05),0 18px 40px -18px rgb(var(--color-ink) / .22)}.service-detail__project-link:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:3px}.service-detail__project-link .service-detail__project-image{display:block;width:100%;aspect-ratio:16 / 10;padding:.875rem;-o-object-fit:contain;object-fit:contain;background:rgb(var(--color-paper-tint));border-bottom:1px solid rgb(var(--color-hairline));border-radius:0}.service-detail__project-copy{display:flex;flex-direction:column;flex:1;gap:.625rem;padding:1.25rem 1.25rem 1.375rem}.service-detail__project-copy h3{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:rgb(var(--color-ink))}.service-detail__project-copy p{margin:0;max-width:none;font-size:1rem;line-height:1.6;color:rgb(var(--color-ink-muted))}.service-detail__project-copy .service-detail__text-link{align-self:flex-start;margin-top:auto;margin-inline-start:0;padding-top:.5rem}.service-detail__project-link:hover .service-detail__text-link{text-decoration:underline;text-underline-offset:5px}@media(min-width:768px){.service-detail__projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.service-detail__projects[data-count="1"]{grid-template-columns:minmax(0,46rem);justify-content:center}}@media(min-width:1100px){.service-detail__projects{grid-template-columns:repeat(3,minmax(0,1fr))}.service-detail__projects[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.service-detail__project-link{transition:none}.service-detail__project-link:hover{transform:none}}