.ut-service-family{min-width:0;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.017);transition:background 180ms ease}
.ut-service-family:hover{background:rgba(255,255,255,.055)}
.ut-service-family[open]{grid-column:1/-1;background:#f4f7fa;color:#202832}
.ut-service-family__summary{position:relative;display:flex;flex-direction:column;min-height:clamp(330px,29vw,440px);padding:clamp(23px,2.2vw,34px);list-style:none;cursor:pointer;overflow:hidden}
.ut-service-family__summary::-webkit-details-marker{display:none}
.ut-service-family__summary:focus-visible{outline:2px solid var(--ut-accent);outline-offset:-5px}
.ut-service-family__line{position:absolute;top:0;right:0;left:0;height:3px;background:var(--ut-accent);transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.ut-service-family:hover .ut-service-family__line,.ut-service-family[open] .ut-service-family__line{transform:scaleX(1)}
.ut-service-family__meta{display:flex;justify-content:space-between;gap:15px;color:rgba(245,245,241,.44);font-size:.65rem;font-weight:720;letter-spacing:.12em;text-transform:uppercase}
.ut-service-family__number{font-size:.78rem;color:var(--ut-accent)}
.ut-service-family__title{max-width:290px;margin-top:auto;font-size:clamp(1.35rem,1.75vw,1.9rem);font-weight:590;line-height:1.08;letter-spacing:-.035em}
.ut-service-family__preview{display:grid;gap:5px;margin-top:19px;color:rgba(245,245,241,.42);font-size:.76rem;line-height:1.3}
.ut-service-family__open{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.66rem;font-weight:730;letter-spacing:.1em;text-transform:uppercase}
.ut-service-family__open i{position:relative;width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:50%}
.ut-service-family__open i:before,.ut-service-family__open i:after{position:absolute;top:50%;left:50%;width:10px;height:1px;background:currentColor;content:"";transform:translate(-50%,-50%)}
.ut-service-family__open i:after{transform:translate(-50%,-50%) rotate(90deg)}
.ut-service-family[open] .ut-service-family__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;min-height:0;padding:22px 30px;background:#202832;color:#ffffff}
.ut-service-family[open] .ut-service-family__meta{display:block}.ut-service-family[open] .ut-service-family__count,.ut-service-family[open] .ut-service-family__preview{display:none}
.ut-service-family[open] .ut-service-family__title{max-width:none;margin:0;font-size:clamp(1rem,1.35vw,1.25rem)}
.ut-service-family[open] .ut-service-family__open{margin:0;padding:0;border:0}.ut-service-family[open] .ut-service-family__open span{display:none}.ut-service-family[open] .ut-service-family__open i:after{transform:translate(-50%,-50%) rotate(0)}