#content-capabilities .content-mosaic { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(160px,20vh,235px); gap:14px; }
#content-capabilities .content-mosaic-card:nth-child(n) { grid-column:auto; grid-row:auto; }
#content-capabilities .content-mosaic-card:nth-child(1) { grid-column:span 2; grid-row:span 2; }
#content-capabilities .content-mosaic-card:nth-child(2) { grid-column:span 2; }
#content-capabilities .content-mosaic-card { background-size:cover; background-position:center; }
#content-capabilities .content-mosaic-card h3 { font-size:clamp(17px,1.5vw,25px); line-height:1.45; }
#content-capabilities .content-mosaic-card p { font-size:13px; line-height:1.7; }
#content-capabilities .content-mosaic-card>div { padding:19px 19px 60px!important; }
#content-capabilities .content-mosaic-card { isolation:isolate; min-width:0; transform-origin:center; }
#content-capabilities .content-mosaic-card .service-card-body { position:absolute; z-index:3; left:22px; right:22px; bottom:22px; margin:0; padding:0; color:#fff; font-size:14px; line-height:1.85; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .22s,transform .22s; text-shadow:0 1px 5px #0009; }
#content-capabilities .content-mosaic-card .mosaic-detail-hint { display:none; }
#content-capabilities .content-mosaic-card::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,#07151d70 0%,transparent 35%,#05111de8 100%); }
#content-capabilities .content-mosaic-card>div { position:relative; z-index:2; }
@media(min-width:901px) and (hover:hover) {
 #content-capabilities .content-mosaic-card:is(:hover,:focus-visible) { transform:scale(1.035); z-index:20; }
 #content-capabilities .content-mosaic-card:nth-child(n+3):is(:hover,:focus-visible) { width:calc(200% + 14px); height:max(100%,310px); }
 #content-capabilities .content-mosaic-card:is(:nth-child(4),:nth-child(7),:nth-child(8)):is(:hover,:focus-visible) { margin-left:calc(-100% - 14px); }
 #content-capabilities .content-mosaic-card:nth-child(n+5):is(:hover,:focus-visible) { align-self:end; }
}
@media(hover:hover) {
 #content-capabilities .content-mosaic-card:is(:hover,:focus-visible) .service-card-body { opacity:1; visibility:visible; transform:none; }
 #content-capabilities .content-mosaic-card:is(:hover,:focus-visible)>div>p { opacity:0; }
}
@media(min-width:601px) and (max-width:900px) and (hover:hover) {
 #content-capabilities .content-mosaic-card:nth-child(n+2):is(:hover,:focus-visible) { z-index:20; width:calc(200% + 14px); height:max(100%,300px); }
 #content-capabilities .content-mosaic-card:nth-child(odd):is(:hover,:focus-visible) { margin-left:calc(-100% - 14px); }
 #content-capabilities .content-mosaic-card:first-child { margin-left:0!important; }
}
@media(hover:none), (max-width:600px) {
 #content-capabilities .content-mosaic-card .service-card-body { position:relative; inset:auto; opacity:1; visibility:visible; transform:none; margin:0 20px 22px; font-size:13px; }
 #content-capabilities .content-mosaic-card>div { padding:20px 20px 14px!important; }
 #content-capabilities .content-mosaic-card>div>p { display:none; }
 #content-capabilities .content-mosaic-card { display:flex; flex-direction:column; justify-content:space-between; min-height:245px; }
 #content-capabilities .content-mosaic-card:last-child { min-height:350px; }
 #content-capabilities .content-mosaic { grid-auto-rows:auto!important; }
}
#features .svc-price-inquiry { display:flex; align-items:center; justify-content:space-between; }
#features .svc-price-inquiry>span { font-size:12px; color:#7a8b92; }
#features .svc-price-inquiry>strong { font-size:19px; color:#007c89; }
#features .svc-name { font-size:14px; }
#features .svc-row { min-height:44px; }
.package-capabilities { display:block; max-width:38ch; margin:5px 0 0; font-size:12px; color:#687a82; line-height:1.7; }
.pk ul li:has(.package-capabilities) { flex-wrap:wrap; }
.pk ul li .package-capabilities { flex-basis:100%; max-width:none; margin-left:22px; font-size:13px; }
#features .svc-stage { background:#fff!important; background-image:none!important; }
#features .svc-stage::before,#features .svc-stage::after { content:none!important; }
.package-service-note { margin:18px auto 0; text-align:center; color:#667780; font-size:13px; line-height:1.7; }
#features .svc-stage .service-price-reference { width:100%; max-height:420px; object-fit:contain; border-radius:12px; }
.service-detail-dialog .detail-lead:empty,.service-detail-dialog .detail-points:empty { display:none; }
.detail-reference-video,.detail-reference-image { display:block; width:100%; max-height:390px; object-fit:contain; border-radius:12px; background:#eef2f4; margin:20px 0 10px; }
.detail-media-note { font-size:11px; color:#8a999f; margin:0 0 24px; }
@media(max-width:900px) { #content-capabilities .content-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); }#content-capabilities .content-mosaic-card:nth-child(1) { grid-row:auto; grid-column:span 2; }#content-capabilities .content-mosaic-card:nth-child(2) { grid-column:auto; } }
@media(max-width:600px) { #content-capabilities .content-mosaic { grid-template-columns:1fr; gap:12px; } #content-capabilities .content-mosaic-card:nth-child(n) { grid-column:auto; grid-row:auto; } #content-capabilities .content-mosaic-card h3 { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { #content-capabilities .content-mosaic-card,#content-capabilities .service-card-body { transition:none!important; } }