/* About prose uses the shared ambient background, never a second grey backing. */
html body.page-about .expertise-following{background:transparent}
html body.page-about .practice-reader{padding:12px var(--section-inset) 16px;max-width:none;color:var(--theme-ink);background:transparent;scroll-margin-top:128px}
html body.page-about .practice-reader .practice-heading{max-width:none;margin:0 0 clamp(28px,3vw,48px)}
html body.page-about .practice-reader .practice-heading h2{font:400 clamp(30px,3.1vw,42px)/1.08 var(--font-display);letter-spacing:-.035em;margin:8px 0}
html body.page-about .practice-reader .practice-heading>p:last-child{font:300 13px/1.5 var(--font-support)}
.practice-choices,.practice-panel,.practice-detail-host{min-width:0}
.practice-group+.practice-group{margin-top:6px}
html body.page-about .practice-item{border:0;background:transparent}
html body.page-about .practice-item--primary{border-top:1px solid var(--theme-line)}
html body.page-about .practice-item>summary{display:grid;grid-template-columns:16px 24px minmax(0,1fr) 12px;align-items:center;gap:6px;list-style:none;min-height:24px;padding:3px 10px;cursor:pointer;color:inherit;scroll-margin-top:128px;border:0!important;outline:none!important;box-shadow:none!important;border-radius:999px;box-sizing:border-box;transition:none!important}
/* Swap the inverse ink and surface in the same paint; cross-fading both would
   erase labels midway through the highlight. Keep the shared movement timing. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html body.page-about .practice-item>summary{transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .38s ease!important}
 html body.page-about .practice-item>summary:is(:hover,:focus-visible){transition-duration:.2s!important;transition-delay:0s!important}
}
html body.page-about .practice-item--primary>summary{min-height:28px;padding:4px 10px}
.practice-item>summary::-webkit-details-marker{display:none}
.practice-number{grid-column:1;font:400 10px/1.4 var(--font-support);font-variant-numeric:tabular-nums;opacity:.6}
html body.page-about .practice-mark{display:block;grid-column:2;width:24px;height:20px}
/* A single decorative minus, not another interactive disclosure. The same
   columns keep every label, including wrapped translations, on one text axis. */
.practice-topic-mark{display:grid;grid-column:2;place-items:center;width:24px;height:20px;color:inherit}
.practice-topic-mark svg{display:block;width:14px;height:12px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}
html body.page-about .practice-mark .approach-diagram{width:24px;height:20px;margin:0;overflow:visible;color:inherit}
html body.page-about .practice-mark .approach-diagram *{animation-duration:3s;animation-iteration-count:1;animation-delay:0s;animation-play-state:paused!important}
html body.page-about .practice-item.is-animated .approach-diagram *{animation-play-state:running!important}
.practice-choice-name{grid-column:3;min-width:0;color:inherit;font:400 11.5px/1.3 var(--font-support);letter-spacing:0;overflow-wrap:break-word;word-break:normal}
.practice-item--primary .practice-choice-name{font:400 16px/1.2 var(--font-display);letter-spacing:-.02em}
.practice-plus{grid-column:4;position:relative;width:12px;height:12px;margin-left:auto}
.practice-plus::before,.practice-plus::after{content:'';position:absolute;background:currentColor;inset:5.5px 0 auto;height:1px}
.practice-plus::after{transform:rotate(90deg)}
.practice-item[open]>summary .practice-plus::after{transform:rotate(0)}
/* Keyboard focus is a label underline, never a second outline around the pill. */
html body.page-about .practice-item>summary:focus-visible .practice-choice-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html body.page-about .practice-reader.is-enhanced .practice-item[open]>summary{color:var(--theme-base,#f3f3f0);background:var(--theme-ink,#191b18);opacity:1}
.practice-reader.is-enhanced .practice-item:not([open])>summary{opacity:.58}
.practice-reader.is-enhanced .practice-item>summary:is(:hover,:focus-visible){opacity:1}
.practice-reader.is-enhanced .practice-item--topic[open]>summary .practice-choice-name{font-weight:500}
html body.page-about .practice-panel{padding:8px 0 24px;background:transparent;color:inherit}
html body.page-about .practice-reader .practice-copy p{font:300 clamp(14px,1.2vw,17px)/1.55 var(--font-support);max-width:76ch;margin:0 0 14px;min-height:0;overflow-wrap:break-word;word-break:normal}
html body.page-about .practice-reader .practice-review-pending{font:300 11px/1.45 var(--font-support);margin:7px 0 0;color:var(--theme-muted,var(--theme-ink))}
.practice-services{display:flex;flex-wrap:wrap;list-style:none;gap:8px 20px;margin:16px 0;padding:0;font:300 12px/1.5 var(--font-support)}
.practice-services li{border-bottom:1px solid var(--theme-line);padding-bottom:4px}
.practice-project{position:relative;margin:20px 0 0}
.practice-image-link{display:block;position:relative;min-height:100px;aspect-ratio:16/7;overflow:hidden}
html body.page-about .practice-image-link img{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;max-height:none;border-radius:0}
html body.page-about .practice-image-link.is-protected{display:grid;grid-template-rows:minmax(0,1fr) auto}
html body.page-about .practice-image-link.is-protected img{position:relative;inset:auto;grid-row:1;object-fit:contain;min-width:0;min-height:0}
html body.page-about .practice-image-title{position:absolute;inset:auto 0 0;z-index:1;box-sizing:border-box;margin:0;padding:44px 18px 16px;color:#fff;font:300 clamp(18px,1.9vw,26px)/1.1 var(--font-display)!important;letter-spacing:-.035em;text-align:right;text-wrap:balance;overflow-wrap:break-word;background:linear-gradient(transparent,rgba(0,0,0,.56) 65%,rgba(0,0,0,.7));text-shadow:0 1px 12px #0003;pointer-events:none}
html body.page-about .practice-image-link.is-protected .practice-image-title{position:relative;inset:auto;grid-row:2;padding:10px 12px;color:var(--theme-ink);font-size:16px;line-height:1.25;background:none;text-shadow:none}
.practice-project figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;font:300 11px/1.4 var(--font-support)}
.practice-project figcaption a{display:flex;justify-content:space-between;gap:20px;flex:1 1 auto}
.practice-project a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.practice-credit{opacity:.65;font-size:10px}
.practice-image-status{display:grid;place-items:center;position:absolute;inset:0;font:300 12px/1.5 var(--font-support);padding:12px;text-align:center}
.practice-image-link.is-unavailable img{display:none}
.practice-reader .practice-detail-host{display:none}
.practice-reader [hidden]{display:none!important}
@media(min-width:1000px) and (orientation:landscape){
 .practice-reader.is-enhanced .practice-layout{display:grid;grid-template-columns:184px minmax(0,1fr);gap:32px;align-items:start}
 .practice-reader.is-enhanced .practice-detail-host{display:block}
 .practice-reader.is-enhanced .practice-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px 24px;align-items:center;padding:0 0 24px}
 .practice-reader.is-enhanced .practice-image-link{aspect-ratio:auto;height:var(--practice-menu-height,clamp(240px,50svh,440px))}
 html body.page-about .practice-reader.is-enhanced .practice-image-link img{max-height:none}
 .practice-reader.is-enhanced .practice-plus{display:none}
 html body.page-about .practice-reader.is-enhanced .practice-item>summary{grid-template-columns:16px 24px minmax(0,1fr)}
 html body.page-about .practice-reader .practice-copy p{font-size:14px;line-height:1.55}
 .practice-reader.is-enhanced .practice-copy,.practice-reader.is-enhanced .practice-services{grid-column:1;grid-row:1}
 .practice-reader.is-enhanced .practice-project{grid-column:2;grid-row:1;margin:0}
 .practice-reader.is-enhanced .practice-project figcaption{position:absolute;top:100%;left:0;right:0}
 .practice-reader.is-enhanced .practice-reference-status{grid-column:2}
 .practice-reader.is-enhanced .practice-services{margin:0}
}
@media(max-width:999px),(orientation:portrait){
 html body.page-about .practice-item>summary{min-height:44px;padding-top:8px;padding-bottom:8px}
 .practice-choice-name{font-size:13px}
 .practice-item--primary .practice-choice-name{font-size:17px}
 .practice-group+.practice-group{margin-top:12px}
}
@media(max-width:700px){
 html body.page-about .practice-reader{padding-top:28px;padding-bottom:28px}
 html body.page-about .practice-item>summary{gap:8px}
 html body.page-about .practice-reader .practice-copy p{font-size:15px;line-height:1.6}
 .practice-image-link{aspect-ratio:4/3}
 html body.page-about .practice-image-link img{max-height:none}
}
@media(prefers-reduced-motion:reduce){html body.page-about .practice-mark .approach-diagram *{animation:none!important}}
@media print{.practice-reader.is-enhanced .practice-panel[hidden]{display:block!important}.practice-reader .practice-layout{display:block!important}.practice-reader .practice-detail-host{display:block!important}.practice-mark{display:none!important}.practice-item:not([open])>*{display:block!important}}
