.svc-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--splat-space-6);row-gap:var(--splat-space-7);align-items:start;padding-block-end:var(--splat-space-8)}.svc-prose{grid-column:1 / 8}.svc-prose>h2:first-child,.svc-prose>.svc-intro:first-child{margin-block-start:0}.svc-prose>.svc-intro__h{padding-block-end:0;margin-block-end:var(--splat-space-7)}.svc-prose>.svc-intro__h:after{bottom:-1.25rem}@media(min-width:60em){.svc-prose>.svc-intro__h{font-size:2.5rem;line-height:2.75rem}}.svc-intro{font-size:var(--splat-text-md);line-height:1.75rem;color:var(--splat-text)}@media(min-width:80em){.svc-intro{font-size:var(--splat-text-lead);line-height:var(--splat-lh-lead)}}.svc-col{grid-column:9 / 13;position:sticky;top:var(--splat-space-5);align-self:start;display:grid;gap:var(--splat-space-6)}.svc-side{display:grid;gap:var(--splat-space-4);padding:var(--splat-space-6);background:var(--splat-surface-card);border-radius:var(--splat-radius-media)}.svc-side__title{position:relative;margin:0;padding-block-end:var(--splat-space-3);font-size:var(--splat-text-xl);line-height:var(--splat-lh-xl)}.svc-side__title:after{content:"";position:absolute;left:-.25rem;bottom:0;width:min(9rem,60%);height:.5rem;background:var(--splat-splash);-webkit-mask:url(../../img/brush/stroke.webp) left center / 100% 100% no-repeat;mask:url(../../img/brush/stroke.webp) left center / 100% 100% no-repeat}.svc-side>p:not(.svc-side__more){position:relative;padding-inline-start:2.25rem}.svc-side>p:not(.svc-side__more):before{content:"";position:absolute;left:0;top:.25rem;width:1.5rem;height:.75rem;background:var(--splat-brand);transform:rotate(-6deg);-webkit-mask:url(../../img/brush/swatch.webp) center / 100% 100% no-repeat;mask:url(../../img/brush/swatch.webp) center / 100% 100% no-repeat}.svc-side>p:not(.svc-side__more)~p:not(.svc-side__more):before{transform:rotate(4deg) scaleX(-1)}.svc-side .tins--tagged{max-width:none;justify-self:stretch}.svc-side .tin--tagged{width:fit-content}.svc-side p{margin:0;font-size:var(--splat-text-sm);line-height:var(--splat-lh-sm)}.svc-side .btn{justify-self:start}.svc-side .svc-side__more{font-weight:600;margin-block-start:var(--splat-space-6)}.svc-others{border-top:2px solid var(--splat-line-strong)}.svc-others .title{margin:0 0 var(--splat-space-5);font-size:var(--splat-text-2xl);line-height:var(--splat-lh-2xl)}.svc-others__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--splat-space-4) var(--splat-space-6);margin:0;padding:0;list-style:none;font-weight:600}.svc-others__list a{display:inline-flex;align-items:flex-start;gap:var(--splat-space-3);text-decoration:none}.svc-others__list a:hover{color:var(--splat-text-accent)}.svc-others__list a:before{content:"";flex:none;width:1.75rem;height:1.75rem;margin-block-start:calc((1lh - 1.75rem)/2);background:var(--splat-brand);-webkit-mask:url(../../img/brush/splat.webp) center / contain no-repeat;mask:url(../../img/brush/splat.webp) center / contain no-repeat;transform:rotate(var(--sr, -8deg));transition:transform .22s cubic-bezier(.3,1.6,.5,1)}.svc-others__list li:nth-child(5n+2) a{--sr: 14deg}.svc-others__list li:nth-child(5n+3) a{--sr: -20deg}.svc-others__list li:nth-child(5n+4) a{--sr: 6deg}.svc-others__list li:nth-child(5n+5) a{--sr: 24deg}.svc-others__list a:hover:before,.svc-others__list a:focus-visible:before{transform:rotate(calc(var(--sr, -8deg) + 18deg)) scale(1.3)}@media(prefers-reduced-motion:reduce){.svc-others__list a:before{transition:none}}@media(max-width:59.9375em){.svc-prose,.svc-col{grid-column:1 / -1}.svc-col{position:static}.svc-others__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:39.9375em){.svc-others__list{grid-template-columns:1fr}}@media(max-width:39.9375em){.svc-side .btn,.svc-side .tin--tagged{justify-self:center}}@media(min-width:30em)and (max-width:59.9375em){.svc-side .tins:not(.tins--tagged){width:100%;max-width:26rem;justify-self:center}}@media(min-width:40em)and (max-width:59.9375em){.svc-side:has(>.tins--tagged){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--splat-space-7);align-content:start}.svc-side:has(>.tins--tagged)>*{grid-column:2}.svc-side>.tins--tagged{grid-column:1;grid-row:1 / span 7;align-self:center;justify-self:center;width:auto}}.svc-side .tins:not(.tins--tagged):has(>li:only-child){grid-template-columns:1fr;max-width:17rem}
