.service-detail-section{scroll-margin-top:6rem}.service-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--service-column-gap, clamp(1.5rem, 5vw, 4rem));align-items:start}.service-detail-layout>*{min-width:0}.service-section-introduction{max-width:36rem;font-size:1.0625rem;line-height:1.75;color:var(--hilvy-text-soft)}.service-detail-list>article{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1.25rem;padding-block:1.5rem;border-top:1px solid var(--hilvy-rule)}.service-detail-list>article:first-child{padding-top:0;border-top:0}.service-detail-list>article:last-child{padding-bottom:0}.service-detail-list .studio-icon-frame{color:var(--hilvy-violet)}.service-detail-list h3{margin:0;font-size:1.1875rem;line-height:1.4;font-weight:500;letter-spacing:-.025em}.service-detail-list p{margin-top:.65rem;color:var(--hilvy-text-soft);font-size:1rem;line-height:1.75;max-width:60ch}.service-explainer{margin:0;overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--hilvy-rule);border-radius:1.25rem;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--hilvy-violet) 12%,transparent),transparent 65%),var(--hilvy-menu-surface)}.service-explainer-heading{display:flex;align-items:center;gap:1rem;font-size:1rem;color:var(--hilvy-text-soft)}.service-explainer-heading .studio-icon-frame{color:var(--hilvy-violet)}.service-explainer-copy h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:450;line-height:1.2;letter-spacing:-.045em;max-width:20ch}.service-explainer-copy p{margin-top:1rem;color:var(--hilvy-text-soft);font-size:1rem;line-height:1.75;max-width:48ch}.service-explainer>figcaption{margin-top:1.5rem;color:var(--hilvy-text-soft);font-size:.75rem;line-height:1.5}.service-implementation{margin:0}.service-implementation-preview{position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;gap:2rem;padding:2rem;min-height:20rem;border:1px solid var(--hilvy-rule);border-radius:1rem;background:var(--hilvy-surface-base)}.service-implementation-preview>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.35}.service-implementation-preview>span:first-of-type{font-size:.9375rem;letter-spacing:.1em}.service-implementation-preview>strong{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.1;letter-spacing:-.045em;font-weight:450}.service-implementation-link{display:flex;align-items:center;gap:.8rem;margin-top:auto;font-size:.875rem}.service-implementation>figcaption{margin-block:1rem;font-size:.875rem;line-height:1.65;color:var(--hilvy-text-soft)}.service-implementation>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:1rem 0 0;border-top:1px solid var(--hilvy-rule)}.service-implementation li a{display:flex;align-items:center;gap:.75rem}.service-implementation li strong,.service-implementation li small{display:block;font-size:.875rem;font-weight:450}.service-implementation li small{margin-top:.25rem;color:var(--hilvy-text-soft);font-size:.75rem;line-height:1.5}.service-drawing-stage{max-width:32rem;margin:.5rem auto 1.5rem}.service-drawing{display:block;width:100%;height:auto;overflow:visible}.service-drawing-panel{fill:var(--hilvy-surface-base);stroke:#615779;stroke-width:1.25}.service-drawing-panel--accent{fill:#29203d;stroke:#bca0ec}.service-drawing-fill{fill:#afa1d2;fill-opacity:.13}.service-drawing-label{fill:#d7cde9;font-family:inherit;font-size:19px;font-weight:450;letter-spacing:-.3px}.service-drawing-label--accent{fill:#c5a4ff}.service-drawing-rule{fill:none;stroke:#746783;stroke-width:1.5;stroke-linecap:round}.service-drawing-route{fill:none;stroke:#bda2ea;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.service-drawing-orbit{fill:none;stroke:#9580b9;stroke-width:1.5;stroke-dasharray:4 7}.service-drawing-selection{fill:#29203d;stroke:#bca0ec;stroke-width:1.5;stroke-dasharray:4 4}.service-drawing-dot{fill:#c0a4ef}@media(max-width:900px){.service-detail-layout{grid-template-columns:1fr;gap:2rem}.service-explainer{max-width:100%}}@media(max-width:479px){.service-implementation>ul{grid-template-columns:1fr}.service-explainer{padding:1.25rem}}@media(prefers-reduced-motion:no-preference){.service-drawing-stage{transition:transform .5s ease}.service-explainer:hover .service-drawing-stage{transform:translateY(-3px)}}@media(forced-colors:active){.service-explainer{border-color:CanvasText}.service-drawing-panel,.service-drawing-selection{fill:Canvas;stroke:CanvasText}.service-drawing-label{fill:CanvasText}.service-drawing-route,.service-drawing-rule,.service-drawing-orbit{stroke:CanvasText}.service-drawing-dot{fill:CanvasText}}