.services-directory{display:grid;min-height:calc(100svh - 88px);padding:clamp(18px,2.5vw,36px);color:var(--ink);background:var(--paper);grid-template-rows:auto minmax(0,1fr);gap:clamp(18px,2.5vw,36px)}.services-directory-header{display:grid;grid-template-columns:minmax(110px,.35fr)minmax(0,1.65fr)auto;gap:clamp(18px,3vw,48px);align-items:end}.services-label,.services-intro{margin:0;font-family:var(--mono);font-size:clamp(.62rem,.75vw,.75rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.services-label{color:var(--orange)}.services-intro{padding-bottom:.55em;color:var(--muted);white-space:nowrap}.services-directory h1{max-width:900px;margin:0;font-size:clamp(2.15rem,4.8vw,5rem);font-weight:750;letter-spacing:-.07em;line-height:.86}.services-directory h1 em{color:var(--orange);font-family:inherit;font-style:normal;font-weight:inherit}.services-browser{display:grid;min-height:480px;overflow:hidden;border:1px solid var(--ink);background:var(--surface);grid-template-columns:minmax(230px,28%)minmax(0,1fr)}.services-tabs{display:grid;border-right:1px solid var(--ink);grid-template-rows:repeat(5,minmax(76px,1fr))}.service-tab{display:grid;width:100%;min-width:0;padding:clamp(14px,1.6vw,24px);grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);background:var(--surface);font:inherit;text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease}.service-tab:last-child{border-bottom:0}.service-tab:hover{background:var(--mist)}.service-tab[aria-selected=true]{color:var(--on-accent);background:var(--lime)}.service-tab:focus-visible{position:relative;z-index:1;outline:3px solid var(--orange);outline-offset:-4px}.service-tab-number{color:var(--muted);font-family:var(--mono);font-size:.72rem;font-weight:700}.service-tab[aria-selected=true] .service-tab-number,.service-tab[aria-selected=true] small{color:var(--on-accent-muted)}.service-tab strong,.service-tab small{display:block}.service-tab strong{font-size:clamp(.9rem,1.25vw,1.15rem);line-height:1.08}.service-tab small{margin-top:6px;color:var(--muted);font-family:var(--mono);font-size:.54rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.service-panels{min-width:0}.service-panel[hidden]{display:none}.service-panel{display:grid;position:relative;height:100%;min-height:0;overflow:hidden;grid-template-columns:minmax(280px,.9fr)minmax(300px,1.1fr);isolation:isolate}.service-panel-content{display:flex;z-index:1;min-width:0;padding:clamp(28px,4vw,68px);flex-direction:column;justify-content:center}.service-panel img{width:100%;height:100%;min-height:420px;opacity:.76;object-fit:cover;filter:saturate(.88);mask-image:linear-gradient(to right,transparent 0,#000 24%,#000 100%)}.service-category{color:var(--orange);font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.service-panel h2{max-width:10ch;margin:14px 0 20px;font-size:clamp(2.3rem,5vw,5.5rem);font-weight:750;letter-spacing:-.065em;line-height:.88}.service-description{max-width:44ch;margin:0;color:var(--muted);font-size:clamp(.88rem,1.05vw,1.05rem);line-height:1.55}.service-focus{max-width:44ch;margin:24px 0 30px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:clamp(.76rem,.9vw,.9rem);line-height:1.45}.service-focus strong{display:block;margin-bottom:4px;color:var(--ink);font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.service-link{display:inline-flex;width:fit-content;padding:12px 16px;gap:18px;align-items:center;border:1px solid var(--ink);color:var(--on-accent);background:var(--lime);font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:background-color .16s ease,color .16s ease,transform .16s ease}.service-link span{font-size:1rem;transition:transform .16s ease}.service-link:hover{color:var(--on-dark);background:var(--navy);transform:translateY(-2px)}.service-link:hover span{transform:translate(3px,-3px)}.service-link:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:1100px){.services-directory-header{grid-template-columns:auto 1fr}.services-directory h1{grid-column:2;grid-row:1/3}.services-intro{display:none}.services-browser{grid-template-columns:minmax(210px,32%)minmax(0,1fr)}.service-panel{grid-template-columns:1fr}.service-panel-content{padding-right:clamp(28px,8vw,90px)}.service-panel img{position:absolute;z-index:-1;inset:0 0 0 auto;width:65%;opacity:.32;mask-image:linear-gradient(to right,transparent,#000)}}@media(max-width:700px){.services-directory{min-height:calc(100svh - 72px);padding:14px;gap:14px}.services-directory-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.services-directory h1{max-width:12ch;font-size:clamp(1.65rem,7.6vw,2.4rem);line-height:.9;text-align:right}.services-label{flex:none}.services-browser{min-height:520px;grid-template-columns:minmax(112px,36%)minmax(0,1fr)}.service-tab{padding:11px 9px;grid-template-columns:20px minmax(0,1fr);gap:5px}.service-tab-number{font-size:.58rem}.service-tab strong{font-size:clamp(.7rem,3vw,.86rem)}.service-tab small{display:none}.service-panel-content{padding:24px 16px;justify-content:flex-end}.service-panel img{inset:0;width:100%;height:58%;min-height:0;opacity:.38;mask-image:linear-gradient(to bottom,#000,transparent)}.service-category{font-size:.52rem}.service-panel h2{margin:9px 0 13px;font-size:clamp(1.75rem,9vw,2.8rem)}.service-description{font-size:.75rem;line-height:1.4}.service-focus{margin:14px 0 18px;padding-top:9px;font-size:.68rem}.service-link{padding:10px 11px;gap:8px;font-size:.55rem}}@media(prefers-reduced-motion:reduce){.service-tab,.service-link,.service-link span{transition:none}}