/* KokonutUI Bento Grid / Smooth Tab DOM adaptations; MIT, see provenance. */
#expertise .service-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;border:0}
#expertise .service{grid-column:span 5;position:relative;min-width:0;border:1px solid #ccb89140;border-radius:0;background:#191e18;overflow:clip}
#expertise .service:nth-child(1),#expertise .service:nth-child(4){grid-column:span 7}
#expertise .service summary{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:0;padding:0;list-style:none;cursor:pointer;position:relative}
#expertise .service summary::-webkit-details-marker{display:none}
#expertise .service summary:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
#expertise .service summary>.competency-photo{grid-column:1/-1;display:block;width:100%;height:clamp(180px,22vw,290px);object-fit:cover;filter:saturate(.45);pointer-events:none}
#expertise .service h3{margin:0;padding:25px 0 25px 28px;font-size:clamp(24px,2.3vw,37px);line-height:1.28;overflow-wrap:anywhere}
#expertise .service .plus{margin-right:26px;justify-self:end}
#expertise .service summary:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.32,.72,0,1)}
#expertise .service[open] summary:after{transform:scaleX(1)}
#expertise .service-body{display:block;padding:24px 28px 30px;max-width:none}
#expertise .service-body p{max-width:58ch;font-size:16px;line-height:1.8}
#expertise .service-body .service-scope{margin-top:20px;color:var(--gold);font-size:12px;line-height:1.8}
#expertise .service-body .text-button{margin-top:24px;min-height:44px}
#expertise .service:hover{border-color:#ccb89180}
.storyboard[data-smooth-ready]{position:relative;isolation:isolate;gap:0;overflow-x:auto;scrollbar-width:thin}
.storyboard[data-smooth-ready] button{position:relative;z-index:1;border-top-color:transparent!important;background:transparent!important;min-height:82px}
.storyboard[data-smooth-ready] button:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.film-chapter-indicator{position:absolute;z-index:0;pointer-events:none;left:0;top:0;height:100%;background:#ccb8910d;border-top:2px solid var(--gold);border-bottom:1px solid #ccb89155;will-change:transform,width}
@media(max-width:700px){#expertise .service-list{grid-template-columns:1fr;gap:18px}#expertise .service,#expertise .service:nth-child(1),#expertise .service:nth-child(4){grid-column:1}#expertise .service summary>.competency-photo{height:190px}#expertise .service h3{padding:22px 0 22px 22px;font-size:27px}#expertise .service-body{padding:22px}#expertise .service .plus{margin-right:22px}.storyboard[data-smooth-ready]{display:flex}.storyboard[data-smooth-ready] button{flex:0 0 144px;min-height:86px;font-size:12px;padding:18px 14px}}
@media(prefers-reduced-motion:reduce){#expertise .service summary:after{transition:none}.film-chapter-indicator{will-change:auto}}