/* Detailed capabilities remain available, without showing every paragraph at once. */
.service-accordion{display:flex!important;flex-direction:column;gap:0!important;align-items:stretch}
.details-hint{font-size:11px;color:#f1f2f3;letter-spacing:.04em;margin:0 0 20px}
.details-hint span{color:#a4acb6}
.service-detail{border-top:1px solid #ffffff30;background:rgba(18,20,23,.88)}
.service-detail:last-child{border-bottom:1px solid #ffffff30}
.service-detail summary{list-style:none;cursor:pointer;padding:23px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px}
.service-detail summary::-webkit-details-marker,.project-detail summary::-webkit-details-marker{display:none}
.service-detail summary .pain-title{margin:0;font-size:19px;line-height:1.3;color:#f4f5f6}
.detail-toggle{font-family:Inter,Arial,sans-serif;font-size:23px;color:#78b4ff;flex-shrink:0;line-height:1;transition:transform .2s}
.service-detail[open] .detail-toggle{transform:rotate(45deg)}
.service-detail>.pain-text{padding:0 18px 24px;margin:0;color:#ced0d4;font-size:14px;line-height:1.8;max-width:520px}
.service-detail summary:hover,.project-detail summary:hover{background:#ffffff06}
.service-detail summary:focus-visible,.project-detail summary:focus-visible{outline:2px solid #7cb8ff;outline-offset:-2px}
.project-detail summary{display:flex;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:12px;line-height:1.5;padding:15px 0;border-top:1px solid #ffffff30;color:#d0d8e2;min-height:48px}
.project-detail[open] summary span{transform:rotate(45deg)}
.project-card .project-number{margin-bottom:10px;font-size:24px}
.project-card .project-title{font-size:24px;margin-bottom:20px}
.cine-sub{max-width:520px}
[data-brand-page="services"] .panel:not(:first-child):not(:has(>.panel-img)),[data-brand-page="about"] .panel:not(:first-child):not(:has(>.panel-img)),[data-brand-page="work"] .panel:not(:first-child):not(:has(>.panel-img)){min-height:0}
[data-brand-page="services"] .panel:not(:first-child):not(:has(>.panel-img))>.panel-content{padding-top:90px;padding-bottom:90px}
@media(max-width:600px){.service-detail summary{padding:18px 14px}.service-detail summary .pain-title{font-size:18px}.service-detail>.pain-text{padding:0 14px 20px}.project-card .project-title{font-size:23px}}
[data-brand-page="services"] .panel:not(:has(>.panel-img)),[data-brand-page="about"] .panel:not(:has(>.panel-img)),[data-brand-page="work"] .panel:not(:has(>.panel-img)){background:#17191b!important}