/* R141 systemic hero and responsive-shell correction.
*
* The public mastheads share one outer-plane family and one inner content
* rail. Home remains the registered feature exception; standard and compact
* route families use the same minimum geometry without fixing their final
* height. Long approved copy can therefore add block size naturally instead
* of clipping, shrinking, or acquiring viewport-authored line controls. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision] {
--r141-shell-max: 1312px;
--r141-edge: clamp(24px, 4.6vw, 68px);
--r141-hero-standard-min: clamp(500px, 39vw, 560px);
--r141-hero-compact-min: clamp(340px, 29vw, 420px);
--r141-profile-ratio: 4 / 5;
--r141-editorial-ratio: 16 / 10;
}
/* R142.1 — source-preserved Korean article hierarchy.
*
* The reviewed copy carries semantic units in markup. These rules only make
* those units legible at each viewport: no authored
, forced line count,
* fixed text height, clamp, or whole-phrase nowrap is used. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose :is(.r142-article-deck, .r142-article-byline, .r142-article-contact) {
max-inline-size: 100%;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-deck {
margin-block-end: clamp(24px, 3vw, 36px);
color: var(--r53-muted);
font-size: clamp(18px, 1.35vw, 21px);
line-height: 1.55;
text-wrap: pretty;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-byline {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px clamp(14px, 2vw, 24px);
margin-block: 0 clamp(38px, 5vw, 56px);
padding-block: 16px;
border-block: 1px solid var(--r53-line);
font-size: clamp(14px, 1vw, 16px);
line-height: 1.45;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-byline > span {
min-inline-size: 0;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-byline [data-r142-text-role="author"] {
color: var(--r53-ink);
font-weight: 700;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-byline :is(
[data-r142-text-role="role"],
[data-r142-text-role="firm"]
) {
color: var(--r53-muted);
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-contact {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px clamp(18px, 3vw, 32px);
margin-block: clamp(40px, 6vw, 64px);
padding: clamp(22px, 3vw, 32px);
border: 1px solid var(--r53-line);
background: var(--r53-paper);
font-size: clamp(15px, 1vw, 17px);
line-height: 1.55;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-contact > strong {
grid-column: 1 / -1;
color: var(--r53-ink);
font-family: var(--r53-serif);
font-size: clamp(20px, 1.8vw, 26px);
line-height: 1.2;
}
html[lang^="ko"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose :is(h2, h3, p, li, .r142-article-byline > span, .r142-article-contact > *) {
word-break: keep-all;
overflow-wrap: normal;
line-break: auto;
text-wrap: pretty;
}
html[lang^="ko"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose a {
overflow-wrap: anywhere;
}
@media (max-width: 720px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-byline {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 5px;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-article-prose .r142-article-contact {
grid-template-columns: minmax(0, 1fr);
}
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero)[data-r78-hero] {
position: relative !important;
box-sizing: border-box !important;
inset-inline: auto !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
max-block-size: none !important;
max-height: none !important;
margin-inline: 0 !important;
transform: none !important;
isolation: isolate;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero)[data-r78-hero][data-r78-hero-density="standard"] {
min-block-size: var(--r141-hero-standard-min) !important;
min-height: var(--r141-hero-standard-min) !important;
block-size: auto !important;
height: auto !important;
max-block-size: none !important;
max-height: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero)[data-r78-hero][data-r78-hero-density="compact"] {
min-block-size: var(--r141-hero-compact-min) !important;
min-height: var(--r141-hero-compact-min) !important;
block-size: auto !important;
height: auto !important;
max-block-size: none !important;
max-height: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero)[data-r78-hero]
> :is(.r54-route-hero-grid, .r53-profile-hero-grid, .r53-article-hero-grid)[data-r78-hero-shell] {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
min-block-size: inherit !important;
min-height: inherit !important;
block-size: auto !important;
height: auto !important;
max-block-size: none !important;
max-height: none !important;
grid-template-rows: minmax(0, auto) !important;
margin-inline: 0 !important;
padding-inline: max(var(--r141-edge), calc((100% - var(--r141-shell-max)) / 2)) !important;
}
/* Route heroes bind their declared density to the grid track itself. This
* prevents an empty optional media-order attribute from collapsing the only
* row and inheriting a legacy bottom title plane in short landscape states. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-route-hero[data-r78-hero][data-r78-hero-density="standard"]
> .r54-route-hero-grid[data-r78-hero-shell] {
grid-template-rows: minmax(var(--r141-hero-standard-min), auto) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-route-hero[data-r78-hero][data-r78-hero-density="compact"]
> .r54-route-hero-grid[data-r78-hero-shell] {
grid-template-rows: minmax(var(--r141-hero-compact-min), auto) !important;
}
/* The rail is applied once by the hero grid. Retire inherited child insets so
* copy, support and actions resolve to one edge at every locale and route. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero-title, .r87-purpose-hero-copy, .r53-page-side,
.r53-profile-hero-copy, .r53-article-hero-copy) {
box-sizing: border-box !important;
min-inline-size: 0 !important;
max-inline-size: 100% !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Older route-family layers carried a second physical inset on the hero-copy
* child. The data-bound selector closes that cascade at the shared component
* boundary so the outer grid owns the rail exactly once. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision][data-r53-locale]
main#r53-main#r53-main
section.r54-route-hero[data-r78-hero]
> div.r54-route-hero-grid[data-r78-hero-shell]
> :is(div.r54-route-hero-title, div.r53-page-side) {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-inline: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* One display-role treatment governs route and profile mastheads. Article
* titles retain their denser editorial role while sharing the same natural
* line policy, optical weight, and complete-string contract. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero) h1[data-r78-hero-title] {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 100% !important;
max-width: 100% !important;
font-size: clamp(48px, 5vw, 68px) !important;
line-height: 1.01 !important;
letter-spacing: -0.035em !important;
white-space: normal !important;
text-wrap: pretty !important;
word-break: normal !important;
overflow-wrap: normal !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-hero h1[data-r78-hero-title] {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 100% !important;
max-width: 100% !important;
font-size: clamp(42px, 4.4vw, 62px) !important;
line-height: 1.04 !important;
letter-spacing: -0.03em !important;
white-space: normal !important;
text-wrap: pretty !important;
word-break: normal !important;
overflow-wrap: normal !important;
overflow: visible !important;
}
html[lang^="ko"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero) h1[data-r78-hero-title] {
line-height: 1.12 !important;
letter-spacing: -0.018em !important;
word-break: keep-all !important;
line-break: auto !important;
}
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero) h1[data-r78-hero-title] {
line-height: 1.1 !important;
letter-spacing: -0.01em !important;
word-break: normal !important;
line-break: strict !important;
}
/* Editorial cards use one predictable landscape window. Counsel cards and
* profile records keep the admitted 4:5 identity canvas. These selectors own
* component families, not individual routes or source filenames. */
html body.gl-r53 .r53-site[data-site-production-root].r60-article-archive[data-r54-revision]
main#r53-main#r53-main .r53-article-card .r53-article-card-media {
aspect-ratio: var(--r141-editorial-ratio) !important;
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site[data-site-production-root].r60-article-archive[data-r54-revision]
main#r53-main#r53-main .r53-article-card .r53-article-card-media :is(picture, img),
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r53-person, .r54-firm-person) > figure > :is(picture, img) {
display: block !important;
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
}
html body.gl-r53 .r53-site[data-site-production-root].r60-article-archive[data-r54-revision]
main#r53-main#r53-main .r53-article-card .r53-article-card-media img {
object-fit: cover !important;
object-position: 50% 50% !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r53-person, .r54-firm-person) > figure,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r123-counsel-portrait {
aspect-ratio: var(--r141-profile-ratio) !important;
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r53-person, .r54-firm-person) > figure img,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r123-counsel-portrait img {
object-fit: cover !important;
object-position: 50% 42% !important;
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision] {
--r141-edge: clamp(20px, 6.154vw, 24px);
--r141-hero-standard-min: clamp(404px, 116vw, 452px);
--r141-hero-compact-min: clamp(300px, 88vw, 344px);
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero)[data-r78-hero]
> :is(.r54-route-hero-grid, .r53-profile-hero-grid, .r53-article-hero-grid)[data-r78-hero-shell] {
grid-template-columns: minmax(0, 1fr) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
padding-inline: var(--r141-edge) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero) h1[data-r78-hero-title] {
font-size: clamp(36px, 9.6vw, 39px) !important;
line-height: 1.08 !important;
letter-spacing: -0.022em !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision][data-r53-locale]
main#r53-main#r53-main
section.r54-route-hero[data-r78-hero]
> div.r54-route-hero-grid[data-r78-hero-shell]
> div.r54-route-hero-title
> h1[data-r78-hero-title] {
font-size: clamp(36px, 9.8vw, 40px) !important;
line-height: 1.08 !important;
letter-spacing: -0.03em !important;
text-wrap: pretty !important;
}
html[lang^="ko"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision][data-r53-locale]
main#r53-main#r53-main
section.r54-route-hero[data-r78-hero]
> div.r54-route-hero-grid[data-r78-hero-shell]
> div.r54-route-hero-title
> h1[data-r78-hero-title] {
line-height: 1.14 !important;
letter-spacing: -0.012em !important;
word-break: keep-all !important;
}
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision][data-r53-locale]
main#r53-main#r53-main
section.r54-route-hero[data-r78-hero]
> div.r54-route-hero-grid[data-r78-hero-shell]
> div.r54-route-hero-title
> h1[data-r78-hero-title] {
line-height: 1.12 !important;
letter-spacing: 0 !important;
line-break: strict !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-hero h1[data-r78-hero-title] {
font-size: clamp(34px, 9.65vw, 40px) !important;
line-height: 1.1 !important;
letter-spacing: -0.018em !important;
}
html[lang^="ko"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero) h1[data-r78-hero-title],
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero) h1[data-r78-hero-title] {
font-size: clamp(36px, 9.8vw, 40px) !important;
letter-spacing: 0 !important;
}
}
/* R141 terminal public-rail closure. Full-bleed section colour and media
* remain on their outer surfaces; these named inner wrappers alone own the
* shared 1312px R137.8 information axis. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r138-final-content-inner.r53-shell,
.r58-founder-authority-grid.r53-shell,
.r54-selected-counsel-intro.r53-shell,
.r54-selected-counsel-stage,
.r54-original-home-link-grid.r53-shell,
.r54-original-process-grid.r53-shell,
[data-r53-component="home.media-library"] > .r53-shell
) {
box-sizing: border-box !important;
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
/* Firm-story groups paint their background across the parent surface without
* a viewport-width negative-margin escape. The group padding owns the public
* rail exactly once and its heading/grid remain internal tracks. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-story-narrative
:is(.r54-firm-story-group, .r54-firm-story-group:nth-child(n)) {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: var(--r1378-public-inset) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-story-narrative .r54-firm-story-group
> :is(.r54-firm-story-group-heading, .r54-firm-story-group-grid) {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
/* The prose helper carried its own shell inset around the complete About
* narrative. That made every group background stop at the text rail and then
* added the same inset again inside each group. Keep the colour/media plane
* full bleed on the section surface while the group padding alone owns the
* readable public rail. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-firm-story-flow, .r54-firm-story-narrative) {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
/* The About evidence band previously retained the older 20px mobile gutter
* at 390px while every other reading surface used the public 24px rail.
* Bind it to the same responsive token; the token remains 20px at 320px. */
@media (max-width: 720px) {
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-evidence-stage .r54-firm-fact-seam {
padding-inline: var(--r1378-public-inset) !important;
}
}
/* Translation may change copy depth, but it must not change the stage owned
* by the same page family. These minima are the smallest complete-copy size
* observed across EN/KO/ZH; height remains auto so future longer approved
* copy can grow visibly instead of clipping. Home and practice-detail keep
* their separately registered feature/service stages. */
@media (min-width: 1101px) {
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 612px;
}
html body.gl-r53 .r53-site.r60-faq[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 580px;
}
html body.gl-r53 .r53-site.r60-contact[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 590px;
}
html body.gl-r53 .r53-site.r60-testimonials[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 660px;
}
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-testimonials[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 500px;
}
}
@media (max-width: 360px) {
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 440px;
}
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 470px;
}
html body.gl-r53 .r53-site:is(.r60-faq, .r60-contact)[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 452px;
}
html body.gl-r53 .r53-site.r60-testimonials[data-site-production-root][data-r54-revision] {
--r141-hero-standard-min: 560px;
}
}
/* Between tablet and wide desktop, the 390px heading minimum can consume its
* fractional track and leave the two-column service grid with only about
* 196px per card. Stack the two workspace roles through that real laptop
* interval so every approved locale label keeps a usable text column. */
@media (min-width: 981px) and (max-width: 1279px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace {
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(30px, 3.5vw, 42px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
inline-size: min(100%, 620px) !important;
width: min(100%, 620px) !important;
max-inline-size: 620px !important;
max-width: 620px !important;
}
}
/* Short landscape devices still use the tablet header but have too little
* vertical room for a 500px title track centred on the fold. Keep the same
* complete localized heading and the same natural hero height; move its
* title role into the safe top region so EN/KO/ZH remain visible without a
* viewport-authored break, truncation, or font shrink. */
@media (min-width: 621px) and (max-height: 650px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-route-hero[data-r78-hero]
> .r54-route-hero-grid[data-r78-hero-shell]
> .r54-route-hero-title {
box-sizing: border-box !important;
align-content: start !important;
justify-content: start !important;
place-content: start !important;
padding-block-start: clamp(36px, 10vh, 56px) !important;
}
}
/* R141.7 base contract; the final cascade enforcement is appended below. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(28px, 4vw, 48px) !important;
inline-size: min(calc(100% - (2 * var(--r1378-public-inset))), 1312px) !important;
width: min(calc(100% - (2 * var(--r1378-public-inset))), 1312px) !important;
max-inline-size: 1312px !important;
max-width: 1312px !important;
margin-inline: auto !important;
padding-inline: 0 !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace
:is(.r54-practice-workspace-heading, .r54-practice-grid, .r54-practice-card, h2, h3) {
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: 100% !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
position: static !important;
inset: auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
min-block-size: 0 !important;
min-height: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading h2 {
max-inline-size: 18ch !important;
max-width: 18ch !important;
margin-block: 16px 0 !important;
font-size: clamp(42px, 5.6vw, 64px) !important;
line-height: .98 !important;
text-wrap: balance !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
box-sizing: border-box !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
inline-size: 100% !important;
width: 100% !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link) {
box-sizing: border-box !important;
min-inline-size: 0 !important;
min-width: 0 !important;
background: #fff !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
transition: transform .18s ease, box-shadow .18s ease !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
display: grid !important;
place-items: center !important;
inline-size: 40px !important;
width: 40px !important;
block-size: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r78-practice-symbol, .r84-icon) {
inline-size: 24px !important;
width: 24px !important;
block-size: 24px !important;
height: 24px !important;
color: currentColor !important;
stroke: currentColor !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(h3, strong, small, .r54-practice-number, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot) {
color: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, .r83-action-symbol) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(:hover, :focus-visible, :active, .is-active, [aria-current="true"]) {
z-index: 1 !important;
background: var(--r53-oxblood, #781027) !important;
color: #fff !important;
box-shadow: 0 14px 32px rgba(73, 9, 25, .2) !important;
transform: translateY(-2px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(:hover, :focus-visible, :active, .is-active, [aria-current="true"])
:is(h3, strong, small, .r54-practice-number, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, svg) {
color: #fff !important;
stroke: currentColor !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link):focus-visible {
outline: 3px solid #fff !important;
outline-offset: -6px !important;
box-shadow: 0 0 0 3px var(--r53-oxblood, #781027), 0 14px 32px rgba(73, 9, 25, .24) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link):active {
background: #5c0b1c !important;
transform: translateY(0) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(button, a, [role="button"])[aria-busy="true"] {
background: #f3e7e9 !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(button, a, [role="button"])[aria-busy="true"]
:is(svg, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-grid.r53-shell {
box-sizing: border-box !important;
grid-template-columns: minmax(220px, 280px) minmax(0, 760px) !important;
justify-content: center !important;
gap: clamp(36px, 5vw, 72px) !important;
inline-size: min(calc(100% - (2 * var(--r1378-public-inset))), 1120px) !important;
width: min(calc(100% - (2 * var(--r1378-public-inset))), 1120px) !important;
max-inline-size: 1120px !important;
max-width: 1120px !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq :is(.r54-faq-lead, .r53-faq-list, details, summary, summary > strong) {
min-inline-size: 0 !important;
min-width: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-list {
max-inline-size: 760px !important;
max-width: 760px !important;
}
@media (min-width: 1440px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell {
grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
gap: clamp(48px, 5vw, 76px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
position: sticky !important;
top: 120px !important;
align-self: start !important;
}
}
@media (min-width: 900px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n) {
grid-column: span 2 !important;
min-inline-size: 0 !important;
min-width: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n + 4) {
grid-column: span 3 !important;
}
}
@media (max-width: 980px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-grid.r53-shell {
grid-template-columns: minmax(0, 1fr) !important;
gap: 28px !important;
}
}
@media (max-width: 899px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n) {
grid-column: 1 !important;
min-inline-size: 0 !important;
min-width: 0 !important;
}
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
inline-size: 36px !important;
width: 36px !important;
block-size: 36px !important;
height: 36px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r78-practice-symbol, .r84-icon) {
inline-size: 22px !important;
width: 22px !important;
block-size: 22px !important;
height: 22px !important;
}
}
/* R141.7 FAQ projection and practice-choice interaction contract.
* The practice section is one readable flow until a true wide desktop can
* carry a bounded heading rail. Interaction paint is native CSS state only;
* JavaScript may update the position counter but never a selected card. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-rail {
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(28px, 4vw, 48px) !important;
inline-size: min(calc(100% - (2 * var(--r1378-public-inset))), 1312px) !important;
width: min(calc(100% - (2 * var(--r1378-public-inset))), 1312px) !important;
max-inline-size: 1312px !important;
max-width: 1312px !important;
margin-inline: auto !important;
padding-inline: 0 !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace
:is(.r54-practice-workspace-heading, .r54-practice-grid, .r54-practice-card, h2, h3) {
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: 100% !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
position: static !important;
inset: auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
min-block-size: 0 !important;
min-height: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading h2 {
max-inline-size: 18ch !important;
max-width: 18ch !important;
margin-block: 16px 0 !important;
font-size: clamp(42px, 5.6vw, 64px) !important;
line-height: .98 !important;
text-wrap: balance !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
box-sizing: border-box !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
inline-size: 100% !important;
width: 100% !important;
overflow: visible !important;
}
@media (min-width: 1440px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell {
grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
gap: clamp(48px, 5vw, 76px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
position: sticky !important;
top: 120px !important;
align-self: start !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading h2 {
max-inline-size: 10ch !important;
max-width: 10ch !important;
}
}
/* One source-safe R84 mark, with no pale rounded icon tile. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
box-sizing: border-box !important;
display: grid !important;
place-items: center !important;
inline-size: 40px !important;
width: 40px !important;
block-size: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r78-practice-symbol, .r84-icon) {
inline-size: 24px !important;
width: 24px !important;
block-size: 24px !important;
height: 24px !important;
color: currentColor !important;
stroke: currentColor !important;
filter: none !important;
}
/* Default and every transient state paint the whole icon-copy-arrow unit.
* Only transform and shadow animate; colour/background never interpolate. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link) {
box-sizing: border-box !important;
min-inline-size: 0 !important;
min-width: 0 !important;
background: #fff !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
transition-property: transform, box-shadow !important;
transition-duration: .18s !important;
transition-timing-function: ease !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(h3, strong, small, .r54-practice-number, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot) {
color: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, .r83-action-symbol) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(:hover, :focus-visible, :active, .is-active, [aria-current="true"]) {
z-index: 1 !important;
background: var(--r53-oxblood, #781027) !important;
color: #fff !important;
box-shadow: 0 14px 32px rgba(73, 9, 25, .2) !important;
transform: translateY(-2px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(:hover, :focus-visible, :active, .is-active, [aria-current="true"])
:is(h3, strong, small, .r54-practice-number, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, svg) {
color: #fff !important;
stroke: currentColor !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link):focus-visible {
outline: 3px solid #fff !important;
outline-offset: -6px !important;
box-shadow: 0 0 0 3px var(--r53-oxblood, #781027), 0 14px 32px rgba(73, 9, 25, .24) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link):active {
background: #5c0b1c !important;
transform: translateY(0) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(button, a, [role="button"])[aria-busy="true"] {
background: #f3e7e9 !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(button, a, [role="button"])[aria-busy="true"]
:is(svg, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
filter: none !important;
}
/* A five-link practice directory is explicitly 3 + 2 on usable wide
* canvases and a single column below 900px. No :has() inference and no
* synthetic self-link are needed because the renderer publishes item count. */
@media (min-width: 900px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n) {
grid-column: span 2 !important;
min-inline-size: 0 !important;
min-width: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n + 4) {
grid-column: span 3 !important;
}
}
@media (max-width: 899px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n) {
grid-column: 1 !important;
min-inline-size: 0 !important;
min-width: 0 !important;
}
}
/* Native FAQ is the only visible Q/A surface. Keep its lead and disclosure
* measure compact; recombine before the answer column is squeezed. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-grid.r53-shell {
box-sizing: border-box !important;
grid-template-columns: minmax(220px, 280px) minmax(0, 760px) !important;
justify-content: center !important;
gap: clamp(36px, 5vw, 72px) !important;
inline-size: min(calc(100% - (2 * var(--r1378-public-inset))), 1120px) !important;
width: min(calc(100% - (2 * var(--r1378-public-inset))), 1120px) !important;
max-inline-size: 1120px !important;
max-width: 1120px !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq :is(.r54-faq-lead, .r53-faq-list, details, summary, summary > strong) {
min-inline-size: 0 !important;
min-width: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-list {
max-inline-size: 760px !important;
max-width: 760px !important;
}
@media (max-width: 980px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-grid.r53-shell {
grid-template-columns: minmax(0, 1fr) !important;
gap: 28px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq :is(.r54-faq-lead, .r53-faq-list) {
max-inline-size: 760px !important;
max-width: 760px !important;
margin-inline: auto !important;
}
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
inline-size: 36px !important;
width: 36px !important;
block-size: 36px !important;
height: 36px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r78-practice-symbol, .r84-icon) {
inline-size: 22px !important;
width: 22px !important;
block-size: 22px !important;
height: 22px !important;
}
}
/* R141.5 practice-detail parity correction.
* All 18 EN/KO/ZH service routes use one hero stage regardless of whether the
* exact route has admitted media or the source-safe asset-gap mark. Natural
* title wrapping may differ by language; the content rows, CTA baseline,
* bottom inset and following content seam do not. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
) {
--r1415-practice-hero-height: clamp(560px, 42vw, 620px);
box-sizing: border-box !important;
block-size: var(--r1415-practice-hero-height) !important;
height: var(--r1415-practice-hero-height) !important;
min-block-size: var(--r1415-practice-hero-height) !important;
min-height: var(--r1415-practice-hero-height) !important;
max-block-size: var(--r1415-practice-hero-height) !important;
max-height: var(--r1415-practice-hero-height) !important;
margin-block: 0 !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
)
> .r54-route-hero-grid[data-r78-hero-shell] {
position: relative !important;
isolation: isolate !important;
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: minmax(0, 1fr) auto !important;
align-content: stretch !important;
row-gap: clamp(20px, 2vw, 28px) !important;
block-size: var(--r1415-practice-hero-height) !important;
height: var(--r1415-practice-hero-height) !important;
min-block-size: var(--r1415-practice-hero-height) !important;
min-height: var(--r1415-practice-hero-height) !important;
max-block-size: var(--r1415-practice-hero-height) !important;
max-height: var(--r1415-practice-hero-height) !important;
padding-block: clamp(52px, 5vw, 68px) !important;
padding-inline: max(var(--r141-edge), calc((100% - var(--r141-shell-max)) / 2)) !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
)
.r54-route-hero-title {
position: relative !important;
z-index: 2 !important;
grid-column: 1 !important;
grid-row: 1 !important;
align-self: end !important;
box-sizing: border-box !important;
display: grid !important;
align-content: end !important;
inline-size: min(100%, 760px) !important;
width: min(100%, 760px) !important;
max-inline-size: 760px !important;
max-width: 760px !important;
min-inline-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
)
.r54-route-hero-title > h1[data-r78-hero-title] {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 100% !important;
max-width: 100% !important;
margin: 0 !important;
font-size: clamp(46px, 4.1vw, 56px) !important;
line-height: 1.08 !important;
letter-spacing: -0.03em !important;
white-space: normal !important;
text-wrap: pretty !important;
overflow-wrap: normal !important;
overflow: visible !important;
}
html[lang^="ko"] body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero
.r54-route-hero-title > h1[data-r78-hero-title],
html[lang^="zh"] body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero
.r54-route-hero-title > h1[data-r78-hero-title] {
line-height: 1.14 !important;
letter-spacing: -0.015em !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
)
.r53-page-side {
position: relative !important;
z-index: 2 !important;
grid-column: 1 !important;
grid-row: 2 !important;
align-self: end !important;
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
justify-items: start !important;
gap: 16px !important;
inline-size: min(100%, 760px) !important;
width: min(100%, 760px) !important;
max-inline-size: 760px !important;
max-width: 760px !important;
min-inline-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero .r53-page-side > :is(p, .r138-route-hero-lead) {
max-inline-size: 58ch !important;
max-width: 58ch !important;
margin: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero .r53-page-side > .r53-button {
justify-self: start !important;
min-block-size: 52px !important;
min-height: 52px !important;
margin: 0 !important;
}
/* Media and the source-safe practice mark are visual layers only; neither may
* allocate a grid row or move the title/CTA baseline. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero .r53-page-hero-media {
position: absolute !important;
z-index: 0 !important;
inset: 0 !important;
grid-area: 1 / 1 / -1 / -1 !important;
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
min-block-size: 0 !important;
min-height: 0 !important;
margin: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero .r54-practice-hero-mark {
position: absolute !important;
z-index: 1 !important;
inset-inline-end: max(var(--r141-edge), calc((100% - var(--r141-shell-max)) / 2)) !important;
inset-block-end: clamp(44px, 5vw, 64px) !important;
inline-size: clamp(92px, 8vw, 124px) !important;
width: clamp(92px, 8vw, 124px) !important;
block-size: clamp(92px, 8vw, 124px) !important;
height: clamp(92px, 8vw, 124px) !important;
margin: 0 !important;
opacity: .78 !important;
pointer-events: none !important;
}
/* The first body plane always begins on the same ruled seam after the hero. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero
+ .r54-content-practice {
box-sizing: border-box !important;
margin-block-start: 0 !important;
padding-block-start: clamp(42px, 4vw, 56px) !important;
border-block-start: 1px solid var(--r53-line, #d8d0c8) !important;
}
/* Each detail route intentionally links to the five other practices. A
* six-track grid makes 3+2 balanced rows without inventing a sixth item. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-seam {
padding-block: clamp(48px, 4.8vw, 68px) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-layout.r53-shell {
box-sizing: border-box !important;
grid-template-columns: minmax(240px, .28fr) minmax(0, .72fr) !important;
gap: clamp(36px, 4vw, 58px) !important;
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: 1240px !important;
max-width: 1240px !important;
margin-inline: auto !important;
align-items: start !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 1px !important;
padding: 1px !important;
border: 0 !important;
background: var(--r53-line, #d8d0c8) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list > li {
grid-column: span 2 !important;
display: flex !important;
min-inline-size: 0 !important;
border: 0 !important;
background: #fff !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list:has(> li:nth-child(5):last-child)
> li:nth-child(n + 4) {
grid-column: span 3 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link {
box-sizing: border-box !important;
grid-template-columns: 40px minmax(0, 1fr) 40px !important;
gap: 16px !important;
align-items: center !important;
inline-size: 100% !important;
width: 100% !important;
min-block-size: 124px !important;
min-height: 124px !important;
padding: 20px !important;
background: #fff !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link strong {
min-inline-size: 0 !important;
font-size: clamp(19px, 1.35vw, 22px) !important;
line-height: 1.2 !important;
text-wrap: pretty !important;
overflow-wrap: break-word !important;
}
@media (min-width: 761px) and (max-width: 1100px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
) {
--r1415-practice-hero-height: 560px;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-layout.r53-shell {
grid-template-columns: minmax(0, 1fr) !important;
gap: 28px !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list > li {
grid-column: span 1 !important;
}
/* Close the more-specific desktop 3+2 selector before assigning the
* tablet orphan. Without this reset items four and five kept a three-track
* span after the grid changed to two columns, producing a visible 3+1+1
* staircase at 898px and on short landscape devices. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list:has(> li:nth-child(5):last-child)
> li:nth-child(n + 4) {
grid-column: span 1 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list:has(> li:nth-child(5):last-child)
> li:last-child {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
) {
--r1415-practice-hero-height: 560px;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
)
> .r54-route-hero-grid[data-r78-hero-shell] {
row-gap: 18px !important;
padding-block: 38px !important;
padding-inline: var(--r141-edge) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision][data-r53-locale]
main#r53-main#r53-main
> section.r54-route-hero[data-r78-hero]
> div.r54-route-hero-grid[data-r78-hero-shell]
> div.r54-route-hero-title
> h1[data-r78-hero-title] {
font-size: clamp(36px, 9.8vw, 40px) !important;
line-height: 1.08 !important;
letter-spacing: -0.018em !important;
}
/* The exact Family/Civil/Immigration support copy is longer than the short
* labels used by the prior shell. Keep the complete approved sentences,
* but use the established mobile body rhythm so neither the H1 nor CTA is
* forced outside the fixed cross-locale hero stage at 320px. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero
.r138-route-hero-lead > p {
font-size: 16px !important;
line-height: 1.5 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero .r54-practice-hero-mark {
inset-inline-end: var(--r141-edge) !important;
inset-block-end: 34px !important;
inline-size: 80px !important;
width: 80px !important;
block-size: 80px !important;
height: 80px !important;
opacity: .58 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > .r54-route-hero + .r54-content-practice {
padding-block-start: 34px !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-layout.r53-shell {
grid-template-columns: minmax(0, 1fr) !important;
gap: 24px !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list > li,
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list:has(> li:nth-child(5):last-child)
> li:nth-child(n) {
grid-column: 1 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link {
grid-template-columns: 36px minmax(0, 1fr) 40px !important;
min-block-size: 96px !important;
min-height: 96px !important;
padding: 16px !important;
}
}
/* Keep George's client-supplied audiobook cover inside its exact profile
* evidence binding. The R139 one-column recomposition remains, but the cover
* does not grow beyond the approved mobile sizes. */
@media (max-width: 620px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-george-author-work-media {
inline-size: 104px !important;
width: 104px !important;
}
}
@media (min-width: 320px) and (max-width: 350px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-george-author-work-media {
inline-size: 96px !important;
width: 96px !important;
}
}
@media (min-width: 621px) and (max-height: 650px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
) {
--r1415-practice-hero-height: 440px;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> .r54-route-hero:is(
.r54-route-hero-practice-family,
.r54-route-hero-practice-media-led,
.r54-route-hero-practice-asset-gap
)
> .r54-route-hero-grid[data-r78-hero-shell] {
row-gap: 14px !important;
padding-block: 30px !important;
}
}
/* Desktop navigation keeps the five information tracks inside the same rail,
* while restoring visible air between labels. The current route uses the
* existing underline instead of a broad filled tab. */
@media (min-width: 1180px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header > .r53-header-grid.r53-shell {
grid-template-columns: minmax(286px, 300px) minmax(460px, 1fr) auto 44px minmax(124px, 132px) !important;
column-gap: 8px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav ul {
gap: clamp(4px, 0.35vw, 6px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav a {
padding-inline: 7px !important;
font-size: clamp(15.5px, 1.08vw, 16.5px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav a[aria-current="page"] {
background: transparent !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r84-header-phone {
inline-size: 44px !important;
width: 44px !important;
justify-content: center !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-header-contact {
min-inline-size: 124px !important;
min-width: 124px !important;
padding-inline: 12px !important;
}
}
@media (min-width: 1600px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header > .r53-header-grid.r53-shell {
grid-template-columns: minmax(300px, 320px) minmax(0, 1fr) auto 48px minmax(126px, 136px) !important;
column-gap: 12px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav ul {
gap: 8px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav a {
padding-inline: 9px !important;
font-size: 16.5px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r84-header-phone {
inline-size: 48px !important;
width: 48px !important;
}
}
/* Darren's approved micless George portrait and the James portrait share the
* same exact centred 4:5 identity canvas across cards, firm records, founder
* authority and named profile pages. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
:is(.r53-person, .r54-firm-person) > figure,
.r58-founder-authority-portrait,
.r123-counsel-portrait
) {
aspect-ratio: var(--r141-profile-ratio) !important;
block-size: auto !important;
height: auto !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
:is(.r53-person, .r54-firm-person) > figure,
.r58-founder-authority-portrait,
.r123-counsel-portrait
) > :is(picture, img),
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
:is(.r53-person, .r54-firm-person) > figure,
.r58-founder-authority-portrait,
.r123-counsel-portrait
) picture > img {
display: block !important;
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
:is(.r53-person, .r54-firm-person) > figure,
.r58-founder-authority-portrait,
.r123-counsel-portrait
) img {
object-fit: cover !important;
object-position: 50% 50% !important;
}
/* R141.5 owner review correction.
* Keep full-bleed colour and media planes, but give information, portraits and
* controls a bounded reading job. The overrides below close the late cascade
* without changing the multilingual DOM or deleting any approved content. */
/* The brand lockup needs its own track. It must never collide with Home while
* the navigation still has flexible room to breathe between complete labels. */
@media (min-width: 1180px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header > .r53-header-grid.r53-shell {
grid-template-columns: minmax(326px, 348px) minmax(420px, 1fr) auto 42px minmax(118px, 128px) !important;
column-gap: clamp(10px, .85vw, 16px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header :is(.r53-brand, .r53-desktop-nav, .r53-desktop-nav li) {
min-inline-size: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-brand {
padding-inline-end: 12px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav ul {
justify-content: space-between !important;
gap: clamp(8px, .7vw, 14px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav a {
padding-inline: 4px !important;
text-wrap: balance !important;
}
}
@media (min-width: 1600px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header > .r53-header-grid.r53-shell {
grid-template-columns: minmax(366px, 378px) minmax(0, 1fr) auto 48px minmax(128px, 140px) !important;
column-gap: clamp(14px, 1vw, 20px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav ul {
gap: clamp(12px, .9vw, 20px) !important;
}
}
/* Portrait media is identity evidence, not a decorative crop. Retain the
* original white canvas and visible torso/head room across every card family. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > figure,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r58-founder-authority-portrait, .r123-counsel-portrait) {
background: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > figure img,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r58-founder-authority-portrait, .r123-counsel-portrait) img {
object-fit: contain !important;
object-position: 50% 50% !important;
background: #fff !important;
transform: none !important;
transform-origin: 50% 50% !important;
}
/* Founder evidence: the portrait stays subordinate to the profile copy and
* the four facts form a compact, non-clipping evidence table. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait {
align-self: start !important;
justify-self: start !important;
inline-size: min(100%, 390px) !important;
width: min(100%, 390px) !important;
max-inline-size: 390px !important;
max-width: 390px !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts {
box-sizing: border-box !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
inline-size: min(100%, 1060px) !important;
width: min(100%, 1060px) !important;
max-inline-size: 1060px !important;
max-width: 1060px !important;
margin-block-start: clamp(28px, 3vw, 40px) !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > div {
box-sizing: border-box !important;
grid-template-columns: minmax(104px, auto) minmax(0, 1fr) !important;
gap: clamp(16px, 1.8vw, 24px) !important;
min-block-size: 124px !important;
min-height: 124px !important;
padding: clamp(20px, 2vw, 28px) !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts dt {
min-inline-size: 0 !important;
font-size: clamp(38px, 3.4vw, 54px) !important;
line-height: 1 !important;
text-wrap: balance !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts dd {
min-inline-size: 0 !important;
overflow-wrap: break-word !important;
}
/* Full-bleed About and final-content surfaces retain their colour, while their
* actual text stays on one readable rail with earned section spacing. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-story-narrative .r54-firm-story-group
> :is(.r54-firm-story-group-heading, .r54-firm-story-group-grid) {
max-inline-size: 1312px !important;
max-width: 1312px !important;
margin-inline: auto !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-story-narrative
:is(.r54-firm-story-group, .r54-firm-story-group:nth-child(n)) {
min-block-size: 0 !important;
min-height: 0 !important;
padding-block: clamp(54px, 5.2vw, 78px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-story-group-opening .r54-firm-story-group-grid {
gap: clamp(30px, 4vw, 64px) !important;
align-items: start !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-final-content {
background: var(--r53-paper, #f7f4ef) !important;
color: var(--r53-ink, #211d1b) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-final-content-inner.r53-shell {
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: 1240px !important;
max-width: 1240px !important;
padding-block: clamp(52px, 5.6vw, 76px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-final-section {
grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr) !important;
gap: clamp(34px, 4.5vw, 64px) !important;
padding-block: clamp(30px, 3.4vw, 46px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-final-section-body {
max-inline-size: 68ch !important;
max-width: 68ch !important;
}
/* Interviews/media heading: its eyebrow, title and explanation are one group;
* remove the inherited row-sized gap that created an empty pseudo-section. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main [data-r53-component="home.media-library"] {
padding-block: clamp(54px, 5.4vw, 78px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main [data-r53-component="home.media-library"] > .r53-shell {
max-inline-size: 1312px !important;
max-width: 1312px !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-media-library-heading {
grid-template-columns: minmax(0, .58fr) minmax(280px, .42fr) !important;
column-gap: clamp(40px, 5vw, 72px) !important;
row-gap: clamp(20px, 2vw, 28px) !important;
align-items: start !important;
margin-block-end: clamp(30px, 3vw, 44px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-media-library-heading > :is(.r53-eyebrow, h2, p) {
margin-block: 0 !important;
}
/* Counsel cards use a landscape identity stage on wide screens, not a giant
* portrait wall. Contain fit preserves the approved, centred source image. */
@media (min-width: 1021px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-selected-counsel-stage, .r54-firm-people-stage) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(18px, 2vw, 28px) !important;
align-items: start !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
align-self: start !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > figure {
aspect-ratio: auto !important;
block-size: clamp(340px, 25vw, 430px) !important;
height: clamp(340px, 25vw, 430px) !important;
min-block-size: 0 !important;
min-height: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > div {
min-block-size: 220px !important;
min-height: 220px !important;
block-size: auto !important;
height: auto !important;
padding: clamp(24px, 2.2vw, 34px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > figure {
grid-column: 1 !important;
grid-row: 1 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > div {
grid-column: 1 !important;
grid-row: 2 !important;
}
}
/* Contact keeps one bounded card. Intermediate widths stack before either
* column can clip; dark-panel copy has an explicit computed contrast owner. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-contact-workflow.r54-contact-workflow-has-form .r53-contact-grid {
box-sizing: border-box !important;
inline-size: min(calc(100% - (2 * var(--r1378-public-inset))), 1180px) !important;
width: min(calc(100% - (2 * var(--r1378-public-inset))), 1180px) !important;
max-inline-size: 1180px !important;
max-width: 1180px !important;
margin-inline: auto !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-contact-workflow.r54-contact-workflow-has-form
.r53-contact-copy :is(.r53-eyebrow, h2, h3, p, li, a, strong, span) {
color: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-contact-workflow.r54-contact-workflow-has-form
.r53-contact-copy :is(p, li) {
color: rgba(255, 255, 255, .88) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-contact-workflow.r54-contact-workflow-has-form
.r53-contact-copy a {
border-color: rgba(255, 255, 255, .64) !important;
}
@media (max-width: 1100px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-contact-workflow.r54-contact-workflow-has-form .r53-contact-grid {
grid-template-columns: minmax(0, 1fr) !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-contact-workflow.r54-contact-workflow-has-form
:is(.r53-contact-copy, .r53-form-shell) {
min-inline-size: 0 !important;
max-inline-size: 100% !important;
margin-inline: 0 !important;
}
}
/* Resource cards are compact editorial records. Their footprint follows the
* media/title/action load instead of inheriting an equal-height wall. */
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card {
grid-template-columns: minmax(190px, .36fr) minmax(0, .64fr) !important;
grid-template-rows: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
align-items: stretch !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card :is(.r53-article-card-media, .r53-article-card-image) {
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card-copy {
min-block-size: 0 !important;
min-height: 0 !important;
padding: clamp(22px, 2.2vw, 32px) !important;
gap: clamp(10px, 1vw, 14px) !important;
justify-content: center !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card-copy :is(h2, h2 > a) {
max-inline-size: 20ch !important;
max-width: 20ch !important;
font-size: clamp(25px, 2vw, 32px) !important;
line-height: 1.08 !important;
}
/* Practice choices use one compact row anatomy and a reserved action column;
* the selected state keeps the icon, label and arrow visibly related. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
grid-auto-rows: minmax(116px, auto) !important;
align-items: stretch !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid > .r54-practice-card,
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid > .r54-practice-card:nth-child(n) {
grid-template-columns: 42px minmax(0, 1fr) 20px !important;
min-block-size: 116px !important;
min-height: 116px !important;
block-size: auto !important;
height: auto !important;
padding: 20px 22px !important;
gap: 16px !important;
align-items: center !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-card h3 {
min-inline-size: 0 !important;
font-size: clamp(20px, 1.45vw, 24px) !important;
line-height: 1.18 !important;
overflow-wrap: break-word !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-card.is-active
:is(.r53-practice-icon, .r75-practice-icon, h3, svg) {
color: #fff !important;
stroke: currentColor !important;
}
/* Tablet and phone recomposition: stack decision groups before text becomes a
* squeezed desktop shell, retain complete strings, and keep controls visible. */
@media (max-width: 1020px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-selected-counsel-stage, .r54-firm-people-stage) {
grid-template-columns: minmax(0, 1fr) !important;
gap: 22px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) {
grid-template-columns: minmax(240px, .42fr) minmax(0, .58fr) !important;
grid-template-rows: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > figure {
grid-column: 1 !important;
grid-row: 1 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > div {
grid-column: 2 !important;
grid-row: 1 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > figure {
aspect-ratio: auto !important;
block-size: 360px !important;
height: 360px !important;
min-block-size: 0 !important;
min-height: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-final-section {
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-media-library-heading {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: 18px !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > div {
grid-template-columns: minmax(96px, auto) minmax(0, 1fr) !important;
}
}
@media (max-width: 720px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > figure {
aspect-ratio: 4 / 5 !important;
block-size: auto !important;
height: auto !important;
max-block-size: 440px !important;
max-height: 440px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
.r54-selected-person-associate,
.r53-person,
.r54-firm-person
) > div {
grid-column: 1 !important;
grid-row: 2 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > div {
grid-template-columns: 96px minmax(0, 1fr) !important;
min-block-size: 100px !important;
min-height: 100px !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card .r53-article-card-media {
aspect-ratio: 16 / 9 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid > .r54-practice-card,
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid > .r54-practice-card:nth-child(n) {
min-block-size: 104px !important;
min-height: 104px !important;
padding: 18px !important;
}
}
/* Our Firm has only two counsel records. At laptop and desktop widths they
* read faster as two compact dossiers than as a pair of oversized portrait
* posters; Home's selected-counsel cards retain their separate two-up role. */
@media (min-width: 721px) {
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage {
grid-template-columns: minmax(0, 1fr) !important;
gap: 1px !important;
align-items: start !important;
}
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage > article.r54-firm-person {
grid-template-columns: minmax(270px, .34fr) minmax(0, .66fr) !important;
grid-template-rows: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
align-items: stretch !important;
}
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage > article.r54-firm-person > figure {
grid-column: 1 !important;
grid-row: 1 !important;
aspect-ratio: auto !important;
block-size: clamp(330px, 25vw, 390px) !important;
height: clamp(330px, 25vw, 390px) !important;
min-block-size: 0 !important;
min-height: 0 !important;
align-self: stretch !important;
}
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage > article.r54-firm-person > div {
grid-column: 2 !important;
grid-row: 1 !important;
min-block-size: clamp(330px, 25vw, 390px) !important;
min-height: clamp(330px, 25vw, 390px) !important;
block-size: auto !important;
height: auto !important;
padding: clamp(28px, 3vw, 42px) !important;
border-block-start: 0 !important;
border-top: 0 !important;
border-inline-start: 4px solid var(--r53-oxblood) !important;
border-left: 4px solid var(--r53-oxblood) !important;
}
}
@media (min-width: 621px) and (max-height: 650px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-firm-story-narrative .r54-firm-story-group,
.r138-final-content-inner.r53-shell,
[data-r53-component="home.media-library"]
) {
padding-block: clamp(38px, 8vh, 52px) !important;
}
}
/* R141.7 TRUE TERMINAL ENFORCEMENT */
@media (min-width: 1440px) and (max-height: 759px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell
> .r54-practice-workspace-heading {
position: static !important;
inset: auto !important;
align-self: start !important;
}
}
@media (hover: none), (pointer: coarse) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-workspace, .r54-practice-directory-seam)
:is(.r54-practice-card, .r54-practice-directory-link):hover:not(:focus-visible):not(:active) {
background: #fff !important;
color: var(--r53-ink, #211d1b) !important;
box-shadow: none !important;
transform: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-workspace, .r54-practice-directory-seam)
:is(.r54-practice-card, .r54-practice-directory-link):hover:not(:focus-visible):not(:active)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, svg) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
}
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(28px, 4vw, 48px) !important;
inline-size: min(calc(100% - (2 * var(--r1378-public-inset))), 1312px) !important;
width: min(calc(100% - (2 * var(--r1378-public-inset))), 1312px) !important;
max-inline-size: 1312px !important;
max-width: 1312px !important;
margin-inline: auto !important;
padding-inline: 0 !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace
:is(.r54-practice-workspace-heading, .r54-practice-grid, .r54-practice-card, h2, h3) {
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: 100% !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
position: static !important;
inset: auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
min-block-size: 0 !important;
min-height: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading h2 {
max-inline-size: 18ch !important;
max-width: 18ch !important;
margin-block: 16px 0 !important;
font-size: clamp(42px, 5.6vw, 64px) !important;
line-height: .98 !important;
text-wrap: balance !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
box-sizing: border-box !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
inline-size: 100% !important;
width: 100% !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link) {
box-sizing: border-box !important;
min-inline-size: 0 !important;
min-width: 0 !important;
background: #fff !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
transition: transform .18s ease, box-shadow .18s ease !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
display: grid !important;
place-items: center !important;
inline-size: 40px !important;
width: 40px !important;
block-size: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r78-practice-symbol, .r84-icon) {
inline-size: 24px !important;
width: 24px !important;
block-size: 24px !important;
height: 24px !important;
color: currentColor !important;
stroke: currentColor !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(h3, strong, small, .r54-practice-number, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot) {
color: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, .r83-action-symbol) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(:hover, :focus-visible, :active, .is-active, [aria-current="true"]) {
z-index: 1 !important;
background: var(--r53-oxblood, #781027) !important;
color: #fff !important;
box-shadow: 0 14px 32px rgba(73, 9, 25, .2) !important;
transform: translateY(-2px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(:hover, :focus-visible, :active, .is-active, [aria-current="true"])
:is(h3, strong, small, .r54-practice-number, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, svg) {
color: #fff !important;
stroke: currentColor !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link):focus-visible {
outline: 3px solid #fff !important;
outline-offset: -6px !important;
box-shadow: 0 0 0 3px var(--r53-oxblood, #781027), 0 14px 32px rgba(73, 9, 25, .24) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link):active {
background: #5c0b1c !important;
transform: translateY(0) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(button, a, [role="button"])[aria-busy="true"] {
background: #f3e7e9 !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(button, a, [role="button"])[aria-busy="true"]
:is(svg, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-grid.r53-shell {
box-sizing: border-box !important;
grid-template-columns: minmax(220px, 280px) minmax(0, 760px) !important;
justify-content: center !important;
gap: clamp(36px, 5vw, 72px) !important;
inline-size: min(calc(100% - (2 * var(--r1378-public-inset))), 1120px) !important;
width: min(calc(100% - (2 * var(--r1378-public-inset))), 1120px) !important;
max-inline-size: 1120px !important;
max-width: 1120px !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq :is(.r54-faq-lead, .r53-faq-list, details, summary, summary > strong) {
min-inline-size: 0 !important;
min-width: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-list {
max-inline-size: 760px !important;
max-width: 760px !important;
}
@media (min-width: 1440px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell {
grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
gap: clamp(48px, 5vw, 76px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
position: sticky !important;
top: 120px !important;
align-self: start !important;
}
}
@media (min-width: 900px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n) {
grid-column: span 2 !important;
min-inline-size: 0 !important;
min-width: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n + 4) {
grid-column: span 3 !important;
}
}
@media (max-width: 980px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq .r53-faq-grid.r53-shell {
grid-template-columns: minmax(0, 1fr) !important;
gap: 28px !important;
}
}
@media (max-width: 899px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"] > li:nth-child(n) {
grid-column: 1 !important;
min-inline-size: 0 !important;
min-width: 0 !important;
}
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace .r54-practice-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
inline-size: 36px !important;
width: 36px !important;
block-size: 36px !important;
height: 36px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-practice-card, .r54-practice-directory-link)
:is(.r78-practice-symbol, .r84-icon) {
inline-size: 22px !important;
width: 22px !important;
block-size: 22px !important;
height: 22px !important;
}
}
/* R141.8 PRACTICE HERO TERMINAL CONTRACT.
* Every EN/KO/ZH practice route is rendered by the same template hooks. The
* media asset and localized strings may differ; the stage, rails, title,
* support, CTA and breakpoint topology may not. Wide and intermediate screens
* retain one full-bleed media stage. At 760px and below the title remains on
* the media while the complete support and CTA move into one connected opaque
* reading panel, so long legal copy never competes with photography. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"] {
--r1418-practice-hero-height: clamp(560px, 42vw, 600px);
--r1418-practice-hero-edge: clamp(40px, 4.72vw, 68px);
--r1418-practice-hero-on-media: rgb(255 255 255);
position: relative !important;
box-sizing: border-box !important;
display: block !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
block-size: auto !important;
height: auto !important;
min-block-size: var(--r1418-practice-hero-height) !important;
min-height: var(--r1418-practice-hero-height) !important;
max-block-size: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
background: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell] {
position: relative !important;
isolation: isolate !important;
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: minmax(0, 1fr) auto !important;
align-content: stretch !important;
row-gap: clamp(18px, 2vw, 28px) !important;
inline-size: 100vw !important;
width: 100vw !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: none !important;
max-width: none !important;
block-size: auto !important;
height: auto !important;
min-block-size: var(--r1418-practice-hero-height) !important;
min-height: var(--r1418-practice-hero-height) !important;
max-block-size: none !important;
max-height: none !important;
margin-block: 0 !important;
margin-inline: calc(50% - 50vw) !important;
padding-block: clamp(50px, 5vw, 68px) !important;
padding-inline: var(--r1418-practice-hero-edge) !important;
overflow: hidden !important;
background: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]::before {
content: "" !important;
position: absolute !important;
z-index: 1 !important;
inset: 0 !important;
display: block !important;
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
pointer-events: none !important;
background: linear-gradient(90deg, rgba(22, 14, 17, .82) 0%, rgba(22, 14, 17, .64) 46%, rgba(22, 14, 17, .2) 76%, rgba(22, 14, 17, .08) 100%) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
:is(.r1418-practice-hero-title, .r1418-practice-hero-panel) {
position: relative !important;
z-index: 3 !important;
box-sizing: border-box !important;
grid-column: 1 !important;
align-self: end !important;
inline-size: min(100%, 780px) !important;
width: min(100%, 780px) !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: 780px !important;
max-width: 780px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-title {
grid-row: 1 !important;
display: grid !important;
align-content: end !important;
color: var(--r1418-practice-hero-on-media) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-title > h1[data-r78-hero-title] {
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: 100% !important;
max-width: 100% !important;
margin: 0 !important;
color: var(--r1418-practice-hero-on-media) !important;
font-size: clamp(46px, 5vw, 64px) !important;
line-height: 1.06 !important;
letter-spacing: -.03em !important;
white-space: normal !important;
text-wrap: pretty !important;
word-break: normal !important;
overflow-wrap: normal !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel {
grid-row: 2 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
justify-items: start !important;
gap: 16px !important;
color: var(--r1418-practice-hero-on-media) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel > :is(.r138-route-hero-lead, p),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel > .r138-route-hero-lead > p {
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: 58ch !important;
max-width: 58ch !important;
margin: 0 !important;
color: var(--r1418-practice-hero-on-media) !important;
font-size: clamp(17px, 1.35vw, 20px) !important;
line-height: 1.52 !important;
white-space: normal !important;
text-wrap: pretty !important;
overflow-wrap: normal !important;
opacity: 1 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel > .r87-route-hero-action {
position: relative !important;
inset: auto !important;
justify-self: start !important;
min-block-size: 52px !important;
min-height: 52px !important;
margin: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-media[data-r78-hero-media-slot] {
position: absolute !important;
z-index: 0 !important;
inset: 0 !important;
grid-area: auto !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: none !important;
max-width: none !important;
block-size: 100% !important;
height: 100% !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-media :is(picture, img),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-media picture > img {
display: block !important;
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: var(--r54-media-focus, var(--r54-media-focus-wide, 50% 50%)) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r54-practice-hero-mark {
position: absolute !important;
z-index: 2 !important;
inset-inline-end: var(--r1418-practice-hero-edge) !important;
inset-block-end: clamp(44px, 5vw, 64px) !important;
grid-area: auto !important;
margin: 0 !important;
pointer-events: none !important;
}
@media (min-width: 761px) and (max-height: 650px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"] {
--r1418-practice-hero-height: 440px;
block-size: auto !important;
height: auto !important;
min-block-size: var(--r1418-practice-hero-height) !important;
min-height: var(--r1418-practice-hero-height) !important;
max-block-size: none !important;
max-height: none !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell] {
block-size: auto !important;
height: auto !important;
min-block-size: var(--r1418-practice-hero-height) !important;
min-height: var(--r1418-practice-hero-height) !important;
max-block-size: none !important;
max-height: none !important;
row-gap: 14px !important;
padding-block: 32px !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-title > h1[data-r78-hero-title] {
font-size: clamp(40px, 4.2vw, 54px) !important;
}
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"] {
--r1418-mobile-media-height: clamp(260px, 72vw, 352px);
--r1418-practice-hero-edge: clamp(20px, 6.154vw, 28px);
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: none !important;
max-height: none !important;
overflow: visible !important;
background: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell] {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: var(--r1418-mobile-media-height) auto !important;
grid-template-areas: "practice-media-title" "practice-panel" !important;
row-gap: 0 !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: none !important;
max-width: none !important;
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]::before {
z-index: 1 !important;
inset: 0 0 auto !important;
block-size: var(--r1418-mobile-media-height) !important;
height: var(--r1418-mobile-media-height) !important;
background: linear-gradient(180deg, rgba(22, 14, 17, .18) 0%, rgba(22, 14, 17, .45) 54%, rgba(22, 14, 17, .88) 100%) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-title {
z-index: 3 !important;
grid-area: practice-media-title !important;
align-self: end !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
padding: clamp(22px, 6.154vw, 32px) var(--r1418-practice-hero-edge) !important;
color: var(--r1418-practice-hero-on-media) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-title > h1[data-r78-hero-title] {
color: var(--r1418-practice-hero-on-media) !important;
font-size: clamp(34px, 9.6vw, 44px) !important;
line-height: 1.08 !important;
letter-spacing: -.022em !important;
white-space: normal !important;
text-wrap: pretty !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html[lang^="ko"] body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-title > h1[data-r78-hero-title] {
line-height: 1.16 !important;
word-break: keep-all !important;
line-break: auto !important;
}
html[lang^="zh"] body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-title > h1[data-r78-hero-title] {
line-height: 1.14 !important;
word-break: normal !important;
line-break: strict !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel {
z-index: 4 !important;
grid-area: practice-panel !important;
align-self: stretch !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: none !important;
max-width: none !important;
gap: 18px !important;
margin: 0 !important;
padding: clamp(20px, 6.154vw, 28px) var(--r1418-practice-hero-edge) clamp(28px, 8vw, 38px) !important;
border: 0 !important;
border-block-start: 1px solid rgba(255, 255, 255, .3) !important;
background: var(--r53-oxblood, #781027) !important;
color: var(--r1418-practice-hero-on-media) !important;
box-shadow: none !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel > :is(.r138-route-hero-lead, p),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel > .r138-route-hero-lead > p {
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
max-inline-size: 66ch !important;
max-width: 66ch !important;
color: var(--r1418-practice-hero-on-media) !important;
font-size: 17px !important;
line-height: 1.58 !important;
text-wrap: pretty !important;
word-break: normal !important;
overflow-wrap: break-word !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
.r1418-practice-hero-panel > .r87-route-hero-action {
position: relative !important;
inset: auto !important;
justify-self: stretch !important;
inline-size: min(100%, 420px) !important;
width: min(100%, 420px) !important;
min-block-size: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding-inline: 18px !important;
justify-content: space-between !important;
background: var(--r1418-practice-hero-on-media) !important;
color: var(--r53-oxblood, #781027) !important;
border-color: var(--r1418-practice-hero-on-media) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-media[data-r78-hero-media-slot] {
position: relative !important;
z-index: 0 !important;
inset: auto !important;
grid-area: practice-media-title !important;
align-self: stretch !important;
block-size: var(--r1418-mobile-media-height) !important;
height: var(--r1418-mobile-media-height) !important;
min-block-size: var(--r1418-mobile-media-height) !important;
min-height: var(--r1418-mobile-media-height) !important;
max-block-size: var(--r1418-mobile-media-height) !important;
max-height: var(--r1418-mobile-media-height) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r54-practice-hero-mark {
position: relative !important;
z-index: 2 !important;
inset: auto !important;
grid-area: practice-media-title !important;
align-self: center !important;
justify-self: end !important;
margin-inline-end: var(--r1418-practice-hero-edge) !important;
opacity: .36 !important;
}
/* The legacy mobile hero used zero-padding, viewport-wide copy children.
* Bind the split-stage spacing to the direct shared hooks so that title,
* lead and CTA all use the same connected rail at every locale length. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-title[data-r78-hero-copy] {
padding-block: clamp(22px, 6.154vw, 32px) !important;
padding-inline: var(--r1418-practice-hero-edge) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot] {
padding-block: clamp(20px, 6.154vw, 28px) clamp(28px, 8vw, 38px) !important;
padding-inline: var(--r1418-practice-hero-edge) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action {
box-sizing: border-box !important;
inline-size: min(100%, 420px) !important;
width: min(100%, 420px) !important;
max-inline-size: 420px !important;
max-width: 420px !important;
margin-inline: 0 !important;
}
}
/* R141.8 SHARED HEADING/DECK + ROUTE BALANCE CONTRACT.
* These exact families were the remaining owner-rejected wide empty bands:
* the About opening separated its title from the only deck, Our Firm stacked
* a narrow display title over a one-line deck, and the single Legal Process
* article occupied half of a two-column frame. Source copy is unchanged. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"] {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr) !important;
column-gap: clamp(48px, 5vw, 72px) !important;
row-gap: 0 !important;
align-items: start !important;
min-block-size: 0 !important;
min-height: 0 !important;
padding-block: clamp(64px, 6.1vw, 88px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-heading {
box-sizing: border-box !important;
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
display: block !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-heading > h2 {
inline-size: min(100%, 14ch) !important;
width: min(100%, 14ch) !important;
max-inline-size: 14ch !important;
max-width: 14ch !important;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(46px, 4.2vw, 60px) !important;
line-height: 1.02 !important;
text-wrap: balance !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-grid {
box-sizing: border-box !important;
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-grid
> .r54-firm-story-entry {
box-sizing: border-box !important;
display: block !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
min-block-size: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
.r54-firm-story-entry > .r54-narrative-chapter-body {
inline-size: min(100%, 62ch) !important;
width: min(100%, 62ch) !important;
max-inline-size: 62ch !important;
max-width: 62ch !important;
margin: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"] {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr) !important;
column-gap: clamp(48px, 5vw, 72px) !important;
row-gap: 0 !important;
align-items: start !important;
min-block-size: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding-block: clamp(64px, 6.1vw, 88px) !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"] > h2 {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
inline-size: min(100%, 14ch) !important;
width: min(100%, 14ch) !important;
max-inline-size: 14ch !important;
max-width: 14ch !important;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(46px, 4.2vw, 60px) !important;
line-height: 1.02 !important;
text-wrap: balance !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"]
> .r54-firm-counsel-deck {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
inline-size: min(100%, 62ch) !important;
width: min(100%, 62ch) !important;
max-inline-size: 62ch !important;
max-width: 62ch !important;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(18px, 1.55vw, 21px) !important;
line-height: 1.55 !important;
text-wrap: pretty !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-original-process-grid.r53-shell.r1418-process-heading-deck[data-r1418-heading-deck="home-process"] {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, .4fr) minmax(0, .6fr) !important;
column-gap: clamp(48px, 5vw, 72px) !important;
row-gap: clamp(18px, 2vw, 28px) !important;
align-items: start !important;
justify-content: stretch !important;
min-block-size: 0 !important;
min-height: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-eyebrow {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
margin: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-heading {
grid-column: 1 !important;
grid-row: 2 !important;
align-self: start !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-heading > h2 {
inline-size: min(100%, 14ch) !important;
width: min(100%, 14ch) !important;
max-inline-size: 14ch !important;
max-width: 14ch !important;
margin: 0 !important;
text-wrap: balance !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-deck {
grid-column: 2 !important;
grid-row: 2 !important;
align-self: start !important;
inline-size: 100% !important;
width: 100% !important;
min-inline-size: 0 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-deck > .r53-deck {
inline-size: min(100%, 68ch) !important;
width: min(100%, 68ch) !important;
max-inline-size: 68ch !important;
max-width: 68ch !important;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(17px, 1.45vw, 20px) !important;
line-height: 1.62 !important;
text-wrap: pretty !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero:not(.r1418-practice-hero)
> .r54-route-hero-grid[data-r78-hero-shell]::before {
background: linear-gradient(90deg, rgba(22, 14, 17, .88) 0%, rgba(22, 14, 17, .7) 48%, rgba(22, 14, 17, .28) 78%, rgba(22, 14, 17, .12) 100%) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero:not(.r1418-practice-hero)
[data-r78-hero-support-slot],
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero:not(.r1418-practice-hero)
[data-r78-hero-support-slot] :is(p, strong, span) {
color: #fff !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action {
background: var(--r53-oxblood, #781027) !important;
border-color: var(--r53-oxblood, #781027) !important;
color: #fff !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action
:is(span, strong, em, svg) {
color: #fff !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action:is(:focus-visible, :active) {
background: #5c0b1c !important;
border-color: #5c0b1c !important;
color: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action:is(:focus-visible, :active)
:is(span, strong, em, svg) {
color: #fff !important;
stroke: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action:focus-visible {
outline: 3px solid #fff !important;
outline-offset: 3px !important;
box-shadow: 0 0 0 2px var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action[aria-busy="true"] {
background: #f3e7e9 !important;
border-color: var(--r53-oxblood, #781027) !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
@media (hover: hover) and (pointer: fine) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action:hover {
background: #5c0b1c !important;
border-color: #5c0b1c !important;
color: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action:hover
:is(span, strong, em, svg) {
color: #fff !important;
stroke: currentColor !important;
}
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action[aria-busy="true"]
:is(span, strong, em, svg) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r1418-contact-form-warning[data-r1418-contact-warning="source-preserved"] {
max-inline-size: 70ch !important;
max-width: 70ch !important;
margin: 20px 0 0 !important;
padding-block-start: 18px !important;
border-block-start: 1px solid rgba(33, 29, 27, .2) !important;
color: var(--r53-ink, #211d1b) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> footer.r53-footer > .r53-footer-top.r53-shell {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 5fr) minmax(280px, 3fr) !important;
column-gap: clamp(32px, 4vw, 56px) !important;
row-gap: 0 !important;
align-items: start !important;
justify-content: stretch !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> footer.r53-footer > .r53-footer-top.r53-shell
> div > strong {
inline-size: min(100%, 24ch) !important;
width: min(100%, 24ch) !important;
max-inline-size: 24ch !important;
max-width: 24ch !important;
margin-block-start: 6px !important;
text-wrap: balance !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> footer.r53-footer > .r53-footer-top.r53-shell
> .r66-footer-contact-rule {
align-self: start !important;
justify-self: stretch !important;
margin-block-start: 23px !important;
}
@media (max-width: 899px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"],
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"] {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: clamp(20px, 3vw, 28px) !important;
column-gap: 0 !important;
padding-block: clamp(48px, 8vw, 64px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> :is(.r54-firm-story-group-heading, .r54-firm-story-group-grid),
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"]
> :is(h2, .r54-firm-counsel-deck) {
grid-column: 1 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-heading,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"] > h2 {
grid-row: 1 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-grid,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"]
> .r54-firm-counsel-deck {
grid-row: 2 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-heading > h2,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"] > h2 {
max-inline-size: 16ch !important;
max-width: 16ch !important;
font-size: clamp(40px, 7vw, 56px) !important;
}
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-original-process-grid.r53-shell.r1418-process-heading-deck[data-r1418-heading-deck="home-process"] {
grid-template-columns: minmax(0, 1fr) !important;
column-gap: 0 !important;
row-gap: clamp(16px, 4vw, 24px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-eyebrow {
grid-column: 1 !important;
grid-row: 1 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-heading {
grid-column: 1 !important;
grid-row: 2 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r1418-process-heading-deck[data-r1418-heading-deck="home-process"]
> .r1418-process-deck {
grid-column: 1 !important;
grid-row: 3 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> footer.r53-footer > .r53-footer-top.r53-shell {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: clamp(24px, 5vw, 36px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> footer.r53-footer > .r53-footer-top.r53-shell
> .r66-footer-contact-rule {
margin-block-start: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot] {
background: transparent !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action:not(:hover):not(:focus-visible):not(:active):not([aria-busy="true"])
:is(span, strong, em, svg) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action[aria-busy="true"]
:is(span, strong, em, svg) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero:not(.r1418-practice-hero)
> .r54-route-hero-grid[data-r78-hero-shell]::before {
background: linear-gradient(180deg, rgba(22, 14, 17, .22) 0%, rgba(22, 14, 17, .5) 45%, rgba(22, 14, 17, .9) 76%, rgba(22, 14, 17, .96) 100%) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-group-opening.r1418-heading-deck[data-r1418-heading-deck="firm-opening"]
> .r54-firm-story-group-heading > h2,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-counsel-intro.r1418-heading-deck[data-r1418-heading-deck="counsel"] > h2 {
font-size: clamp(36px, 10.25vw, 44px) !important;
line-height: 1.06 !important;
}
}
/* R141.7 ATOMIC PRACTICE ICON FRAME TERMINAL RESET. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
box-sizing: border-box !important;
inline-size: 40px !important;
width: 40px !important;
min-inline-size: 40px !important;
min-width: 40px !important;
max-inline-size: 40px !important;
max-width: 40px !important;
block-size: 40px !important;
height: 40px !important;
min-block-size: 40px !important;
min-height: 40px !important;
max-block-size: 40px !important;
max-height: 40px !important;
flex: 0 0 40px !important;
flex-basis: 40px !important;
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon) {
inline-size: 36px !important;
width: 36px !important;
min-inline-size: 36px !important;
min-width: 36px !important;
max-inline-size: 36px !important;
max-width: 36px !important;
block-size: 36px !important;
height: 36px !important;
min-block-size: 36px !important;
min-height: 36px !important;
max-block-size: 36px !important;
max-height: 36px !important;
flex: 0 0 36px !important;
flex-basis: 36px !important;
}
}
/* R141.7 COARSE-POINTER HOVER TERMINAL RESET. */
@media (hover: none), (pointer: coarse) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-workspace, .r54-practice-directory-seam)
:is(.r54-practice-card, .r54-practice-directory-link):hover:not(:focus-visible):not(:active)
:is(h3, strong, small, .r54-practice-number) {
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-workspace, .r54-practice-directory-seam)
:is(.r54-practice-card, .r54-practice-directory-link):hover:not(:focus-visible):not(:active)
:is(svg, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, .r83-action-symbol) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
}
/* R141.7 FIVE-ITEM DIRECTORY TERMINAL CASCADE. */
@media (min-width: 900px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child) {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:nth-child(-n + 3) {
grid-column: span 2 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:nth-child(n + 4),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:last-child {
grid-column: span 3 !important;
}
}
@media (max-width: 899px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child) {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:nth-child(n),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:nth-child(n + 4),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:last-child {
grid-column: 1 !important;
}
}
/* R141.7 BUSY INTERACTION TERMINAL OVERRIDE. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)[aria-busy="true"]
:is(h3, strong, small, .r54-practice-number) {
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)[aria-busy="true"]
:is(svg, .r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, .r83-action-symbol) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)[aria-busy="true"]:focus-visible {
outline: 3px solid var(--r53-oxblood, #781027) !important;
outline-color: var(--r53-oxblood, #781027) !important;
outline-offset: 3px !important;
box-shadow: 0 14px 32px rgba(73, 9, 25, .16) !important;
opacity: 1 !important;
visibility: visible !important;
}
/* R141.8 ATOMIC HERO ACTION + COUNSEL INFORMATION TERMINAL CONTRACT.
* The button surface, label and existing R84 action icon change together;
* forced mobile hover/focus states cannot inherit a white label on a white
* surface. Counsel cards retain the approved contain portraits while every
* source-backed role, summary and action participates in an equal card row. */
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action {
transition: transform .16s ease, box-shadow .16s ease !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action
:is(span, strong, b, em, svg, .r67-action-icon) {
transition: none !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action:is(:hover, :focus-visible, :active) {
background: #5c0b1c !important;
border-color: #5c0b1c !important;
color: #fff !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action:is(:hover, :focus-visible, :active)
:is(span, strong, b, em, svg, .r67-action-icon) {
color: #fff !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action:focus-visible {
outline: 3px solid #fff !important;
outline-offset: 3px !important;
box-shadow: 0 0 0 2px #5c0b1c !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action[aria-busy="true"] {
background: #f3e7e9 !important;
border-color: var(--r53-oxblood, #781027) !important;
color: var(--r53-oxblood, #781027) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action[aria-busy="true"]
:is(span, strong, b, em, svg, .r67-action-icon) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
}
/* R141.8 ALL-WIDTH HERO ACTION BUSY/TRANSITION TERMINAL CONTRACT.
* Paint snaps atomically so neither a forced state nor its release can
* interpolate through an unreadable surface/label pair. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action,
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action {
transition: transform .16s ease, box-shadow .16s ease !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action
:is(span, strong, b, em, svg, .r67-action-icon),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action
:is(span, strong, b, em, svg, .r67-action-icon) {
transition: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action[aria-busy="true"],
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action[aria-busy="true"] {
background: #f3e7e9 !important;
border-color: var(--r53-oxblood, #781027) !important;
color: var(--r53-oxblood, #781027) !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform .16s ease, box-shadow .16s ease !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r87-purpose-hero[data-r78-hero]
[data-r78-hero-support-slot] > .r87-route-hero-action[aria-busy="true"]
:is(span, strong, b, em, svg, .r67-action-icon),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-panel[data-r78-hero-support-slot]
> .r87-route-hero-action[aria-busy="true"]
:is(span, strong, b, em, svg, .r67-action-icon) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
transition: none !important;
}
@media (min-width: 1021px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-counsel-stage, .r54-firm-people-stage) {
grid-auto-rows: 1fr !important;
align-items: stretch !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-counsel-stage, .r54-firm-people-stage)
> :is(.r54-selected-person, article.r54-firm-person) {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: 360px minmax(260px, 1fr) !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
min-block-size: 620px !important;
min-height: 620px !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-counsel-stage, .r54-firm-people-stage)
> :is(.r54-selected-person, article.r54-firm-person) > figure {
grid-column: 1 !important;
grid-row: 1 !important;
block-size: 360px !important;
height: 360px !important;
min-block-size: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-counsel-stage, .r54-firm-people-stage)
> :is(.r54-selected-person, article.r54-firm-person) > div {
grid-column: 1 !important;
grid-row: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
block-size: auto !important;
height: auto !important;
min-block-size: 260px !important;
min-height: 260px !important;
overflow: visible !important;
}
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-person, article.r54-firm-person)
> figure > :is(picture, img),
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-person, article.r54-firm-person)
> figure picture > img {
object-fit: contain !important;
object-position: 50% 50% !important;
transform: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-person, article.r54-firm-person)
:is(.r54-person-role, .r54-person-summary, .r54-person-profile-action) {
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-person, article.r54-firm-person)
.r54-person-summary {
display: block !important;
block-size: auto !important;
height: auto !important;
max-block-size: none !important;
max-height: none !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-person, article.r54-firm-person)
.r54-person-profile-action {
margin-block-start: auto !important;
}
@media (max-width: 1020px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-counsel-stage, .r54-firm-people-stage)
> :is(.r54-selected-person, article.r54-firm-person),
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-counsel-stage, .r54-firm-people-stage)
> :is(.r54-selected-person, article.r54-firm-person) > div {
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: none !important;
max-height: none !important;
overflow: visible !important;
}
}
/* R141.11 ABOUT DISCLOSURE + MEDIA AXIS CLOSURE
*
* Native removes closed content from layout. An earlier terminal
* grid rule forced that content to paint anyway, so the painted grid escaped
* its closed disclosure and overlapped the following groups. Keep the compact
* disclosure rows intentional, and prove both closed and opened states: closed
* content is not painted; opened content contributes its full natural height.
*/
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-narrative
:is(.r78-firm-story-disclosure, .r78-firm-story-disclosure:nth-child(n)) {
padding-block: 0 !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r78-firm-story-disclosure > summary.r54-firm-story-group-heading {
margin-block: 0 !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r78-firm-story-disclosure:not([open]) > .r54-firm-story-group-grid {
display: none !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r78-firm-story-disclosure[open] > .r54-firm-story-group-grid {
margin-block-start: clamp(18px, 2vw, 28px) !important;
}
/* Keep the video chapter's outer surface full bleed like the other About
* chapters. Only its new inner wrapper owns the shared public information
* rail, so locale-specific caption length cannot create a second shell or a
* viewport-edge card. */
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-source-videos.r54-source-videos-firm-story {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-source-videos-firm-story > .r54-source-videos-inner {
box-sizing: border-box !important;
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-source-videos-firm-story > .r54-source-videos-inner > .r53-eyebrow {
margin: 0 0 28px !important;
}
/* The compact layout contract starts at the inclusive 760px boundary. The
* older source sheet did not collapse this grid until 720px, leaving the
* exact 721–760 range in an accidental two-column state. Bind the full mobile
* interval here so every locale receives the same natural vertical stack. */
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-source-videos-firm-story .r54-source-video-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: clamp(18px, 4vw, 24px) !important;
background: transparent !important;
}
}
/* In the two-column presentation, both cards share the caption row and the
* 16:9 media row. Locale-specific caption length can grow the shared row but
* can no longer push only one player down. Stacked mobile cards retain their
* natural independent flow and are compared by width/aspect/gap, not y-axis. */
@media (min-width: 761px) {
@supports (grid-template-rows: subgrid) {
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-source-video-grid:has(> .r54-source-video:nth-child(2):last-child) {
grid-template-rows: auto auto !important;
row-gap: 0 !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-source-video-grid:has(> .r54-source-video:nth-child(2):last-child)
> .r54-source-video {
display: grid !important;
grid-template-rows: subgrid !important;
grid-row: span 2 !important;
row-gap: 0 !important;
align-self: start !important;
block-size: auto !important;
height: auto !important;
}
}
@supports not (grid-template-rows: subgrid) {
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-source-video-grid:has(> .r54-source-video:nth-child(2):last-child)
> .r54-source-video {
align-self: start !important;
block-size: auto !important;
height: auto !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-source-video-grid:has(> .r54-source-video:nth-child(2):last-child)
> .r54-source-video > figcaption {
min-block-size: 112px !important;
min-height: 112px !important;
}
}
}
/* R141.12 FULL-MATRIX SOURCE DEFECT CLOSURE
*
* The complete 234-row local matrix exposed four terminal-cascade defects
* that narrower spot checks did not exercise. Keep these corrections in one
* shared layer so EN, KO and ZH cannot drift into separate geometry.
*/
/* FAQ questions and answers share one text axis. Retire the inherited 24px
* answer indent and the entrance transform that briefly painted the answer
* five pixels above the summary boundary. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r53-faq-list > details[data-r84-faq] > .r53-prose {
padding-inline-start: 0 !important;
margin-block-start: 0 !important;
animation: none !important;
transform: none !important;
}
/* The founder fact grid owns every card's painted bounds. Six pixels of
* trailing containment absorbs the line-box descent without manufacturing a
* card height, while the intermediate two-column layout gives descriptions
* enough inline measure to avoid a 2–4px scroll-width escape. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts {
padding-block-end: 6px !important;
}
@media (min-width: 721px) and (max-width: 1020px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > .r62-authority-stat {
grid-template-columns: minmax(88px, auto) minmax(0, 1fr) !important;
column-gap: 14px !important;
}
}
/* George and James use the approved full 4:5 portraits. This exact profile
* record selector must outrank the earlier generic editorial cover rule at
* desktop, intermediate and mobile widths alike. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-profile-system .r123-counsel-portrait > img.r65-profile-portrait-image,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-profile-system .r123-counsel-portrait > picture > img.r65-profile-portrait-image {
object-fit: contain !important;
object-position: 50% 50% !important;
background: #fff !important;
transform: none !important;
}
/* Busy state wins atomically even when a pointer still supplies :hover. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-workspace .r54-practice-card[aria-busy="true"]:is(:hover, :focus-visible, :active) {
background: #f3e7e9 !important;
border-color: var(--r53-oxblood, #781027) !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-workspace .r54-practice-card[aria-busy="true"]:is(:hover, :focus-visible, :active)
:is(h3, strong, small, .r54-practice-number) {
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-workspace .r54-practice-card[aria-busy="true"]:is(:hover, :focus-visible, :active)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r78-practice-symbol, .r84-icon, svg,
.r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, .r83-action-symbol) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
/* R141.7 SHORT-HEIGHT TERMINAL OVERRIDE — keep last in this cascade. */
@media (min-width: 1440px) and (max-height: 759px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading {
position: static !important;
top: auto !important;
inset: auto !important;
align-self: auto !important;
}
}
/* R141.14 PROFILE STATEMENT + ABOUT SEMANTIC-WRAP CLOSURE
*
* The shared counsel template contains the approved statement for both named
* lawyers, but the legacy James branch still inherited display:none while the
* George branch escaped it through an identity-specific rule. Close that
* split at the shared profile component, keep one readable statement treatment
* in all locales, and let the identity content—not an oversized generic route
* minimum—determine the remaining black field.
*/
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
section.r123-counsel-text-hero.r53-profile-hero[data-r78-hero="profile"][data-r78-hero-density="standard"] {
min-block-size: clamp(360px, 31vw, 440px) !important;
min-height: clamp(360px, 31vw, 440px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r54-identity-profile-copy > .r67-profile-hero-statement[data-r78-hero-support-slot] {
display: block !important;
inline-size: min(100%, 64ch) !important;
width: min(100%, 64ch) !important;
max-inline-size: 64ch !important;
max-width: 64ch !important;
margin: clamp(18px, 1.8vw, 24px) auto 0 !important;
padding: clamp(16px, 1.5vw, 20px) 0 0 !important;
border: 0 !important;
border-block-start: 1px solid rgba(255, 255, 255, .28) !important;
color: rgba(255, 255, 255, .82) !important;
font: 500 16px/1.6 var(--r53-sans, Arial, sans-serif) !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r67-profile-hero-statement[data-r78-hero-support-slot] > p {
margin: 0 !important;
}
html[lang^="ko"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r67-profile-hero-statement[data-r78-hero-support-slot] {
word-break: keep-all !important;
line-break: auto !important;
}
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r67-profile-hero-statement[data-r78-hero-support-slot] {
word-break: normal !important;
line-break: strict !important;
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
section.r123-counsel-text-hero.r53-profile-hero[data-r78-hero="profile"][data-r78-hero-density="standard"] {
min-block-size: 420px !important;
min-height: 420px !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r87-purpose-hero-about[data-r78-hero="route"] h1[data-r78-hero-title] {
font-size: clamp(32px, 9vw, 35px) !important;
line-height: 1.12 !important;
letter-spacing: -.022em !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html[lang^="ko"] body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r87-purpose-hero-about[data-r78-hero="route"] h1[data-r78-hero-title] {
letter-spacing: -.01em !important;
word-break: keep-all !important;
line-break: auto !important;
}
html[lang^="zh"] body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r87-purpose-hero-about[data-r78-hero="route"] h1[data-r78-hero-title] {
letter-spacing: 0 !important;
word-break: normal !important;
line-break: strict !important;
}
}
/* R141.15 GEORGE PROFILE ROLE HIERARCHY
* George's approved professional roles form one semantic subheading between
* his name and biography summary. Keep normal flow and natural locale wrap.
*/
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r54-identity-profile-copy > .r53-profile-role {
display: block !important;
inline-size: min(100%, 68ch) !important;
max-inline-size: 68ch !important;
margin: clamp(18px, 2vw, 28px) auto 0 !important;
color: #f2d9c7 !important;
font-family: var(--r53-sans, Arial, sans-serif) !important;
font-size: clamp(15px, 1.15vw, 18px) !important;
font-weight: 700 !important;
line-height: 1.5 !important;
letter-spacing: .025em !important;
text-align: center !important;
text-transform: none !important;
text-wrap: pretty !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r54-identity-profile-copy > .r53-profile-role
+ .r67-profile-hero-statement[data-r78-hero-support-slot] {
margin-top: clamp(26px, 3vw, 40px) !important;
padding-top: clamp(18px, 2vw, 24px) !important;
}
html[lang^="ko"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r54-identity-profile-copy > .r53-profile-role {
letter-spacing: 0 !important;
word-break: keep-all !important;
line-break: auto !important;
}
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r54-identity-profile-copy > .r53-profile-role {
letter-spacing: .01em !important;
word-break: normal !important;
line-break: strict !important;
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-text-hero[data-r78-hero="profile"]
.r54-identity-profile-copy > .r53-profile-role {
inline-size: 100% !important;
max-inline-size: 34ch !important;
margin-top: 16px !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
}
/* R141.15 SHARED BOXED-SURFACE INLINE RAIL
* Full-bleed parents keep their established geometry. Only the four audited
* boxed reading surfaces receive the one shared internal inset token.
*/
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-faq-list > details,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-final-section,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-biography.r54-counsel-biography-copy.r65-profile-record.r123-counsel-record,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-office-record-copy {
box-sizing: border-box !important;
padding-inline: clamp(20px, 6.154vw, 24px) !important;
}
/* R141.17 ZH FAMILY HERO NATURAL SEMANTIC WRAP
* The approved Chinese Family Law heading remains one continuous text node.
* Scope the measure/type correction to that exact locale + bound family asset:
* no phrase atoms, manual breaks, nowrap spans, or device-specific copy.
*/
@media (min-width: 761px) and (max-width: 980px) and (max-height: 650px) {
html[lang^="zh"] body.gl-r53
.r53-site.r60-practice-detail[data-site-production-root][data-r54-revision][data-r53-locale]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"][data-r87-media-asset="envato-family-law-consultation-95f09446-r139"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-title[data-r78-hero-copy]
> h1[data-r78-hero-title] {
font-size: clamp(33px, 4.38vw, 37px) !important;
letter-spacing: -.02em !important;
}
}
@media (max-width: 760px) {
html[lang^="zh"] body.gl-r53
.r53-site.r60-practice-detail[data-site-production-root][data-r54-revision][data-r53-locale]
main#r53-main#r53-main
> section.r1418-practice-hero[data-r1418-practice-hero="true"][data-r87-media-asset="envato-family-law-consultation-95f09446-r139"]
> .r1418-practice-hero-grid[data-r78-hero-shell]
> .r1418-practice-hero-title[data-r78-hero-copy]
> h1[data-r78-hero-title] {
inline-size: min(100%, 11.25em) !important;
width: min(100%, 11.25em) !important;
max-inline-size: 11.25em !important;
max-width: 11.25em !important;
font-size: clamp(25px, 7.95vw, 34px) !important;
letter-spacing: -.02em !important;
text-wrap: pretty !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-break: strict !important;
}
}
/* R141.18 RESPONSIVE HIERARCHY RESTORATION
* Preserve the incumbent visual language while restoring its semantic and
* responsive contracts. Section paint stays full bleed; headings/prose keep
* one reading inset; finite card collections reuse the native swipe rail.
*/
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> .r53-header .r53-desktop-nav a {
white-space: nowrap !important;
text-wrap: nowrap !important;
word-break: normal !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-route-hero .r54-route-hero-title:not(:has(> .r53-eyebrow)) > h1::before {
content: none !important;
display: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-role-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px 14px !important;
max-inline-size: 58ch !important;
margin: 0 0 18px !important;
padding: 0 !important;
list-style: none !important;
color: #f2d9c7 !important;
font-size: clamp(14px, 1.05vw, 17px) !important;
font-weight: 700 !important;
line-height: 1.5 !important;
letter-spacing: .02em !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-role-meta > li {
margin: 0 !important;
}
html[lang^="zh"] body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-role-meta > li {
word-break: keep-all !important;
overflow-wrap: normal !important;
line-break: strict !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity {
display: flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
column-gap: .18em !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity > span {
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html[lang^="zh"] body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity-alias {
font-size: .64em !important;
font-weight: 650 !important;
letter-spacing: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity-credentials {
display: inline-flex !important;
flex-wrap: nowrap !important;
align-items: baseline !important;
column-gap: .18em !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity-credentials > span {
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html[lang^="zh"] body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity-credentials {
display: contents !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-narrative {
display: grid !important;
gap: 14px !important;
max-inline-size: 62ch !important;
color: rgba(255,255,255,.76) !important;
font-size: clamp(16px, 1.35vw, 19px) !important;
line-height: 1.62 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-narrative > p {
margin: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-founder-experience {
margin-block-start: clamp(28px, 3vw, 42px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-founder-experience > h3 {
margin: 0 0 16px !important;
color: #fff !important;
font-size: clamp(23px, 2vw, 31px) !important;
line-height: 1.14 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-experience-list {
display: grid !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
border-top: 1px solid rgba(255,255,255,.2) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-experience-list > li {
display: grid !important;
grid-template-columns: minmax(160px, .42fr) minmax(0, .58fr) !important;
gap: 10px 24px !important;
padding-block: 16px !important;
border-bottom: 1px solid rgba(255,255,255,.2) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-experience-list strong {
color: #fff !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-experience-list span {
color: rgba(255,255,255,.72) !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-final-content :where(p, li, dd) {
overflow-wrap: normal !important;
word-break: normal !important;
line-break: strict !important;
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision] {
--r1378-public-edge: clamp(20px, 6.154vw, 24px);
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace.r53-shell,
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main [data-r53-component="home.media-library"] > .r53-shell {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace-heading,
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-media-library-heading {
box-sizing: border-box !important;
padding-inline: var(--r1378-public-edge) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid,
.r54-selected-counsel-stage,
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid,
[data-r53-component="home.media-library"] .r58-media-library-grid
) {
box-sizing: border-box !important;
display: flex !important;
grid-template-columns: none !important;
gap: clamp(14px, 4vw, 20px) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: var(--r1378-public-edge) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: var(--r1378-public-edge) !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid,
.r54-selected-counsel-stage,
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid,
[data-r53-component="home.media-library"] .r58-media-library-grid
)::-webkit-scrollbar {
display: none;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-grid > .r54-practice-card {
flex: 0 0 min(88%, 330px) !important;
scroll-snap-align: start !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-selected-counsel-stage > .r54-selected-person {
flex: 0 0 min(88%, 390px) !important;
scroll-snap-align: start !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main [data-r53-component="home.relationship-cards"]
.r54-original-home-link-grid > .r54-original-home-link-card {
flex: 0 0 min(88%, 350px) !important;
scroll-snap-align: start !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main [data-r53-component="home.media-library"]
.r58-media-library-grid > .r58-media-card {
flex: 0 0 min(88%, 420px) !important;
scroll-snap-align: start !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-grid.r53-shell {
grid-template-columns: 92px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: start !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait {
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
justify-self: start !important;
inline-size: 92px !important;
width: 92px !important;
min-height: 0 !important;
aspect-ratio: 4 / 5 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy {
display: contents !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > .r53-eyebrow,
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > h2 {
grid-column: 2 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > .r53-eyebrow {
margin: 2px 0 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > h2 {
margin: 0 !important;
font-size: clamp(24px, 7vw, 30px) !important;
line-height: 1.02 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > .r58-founder-authority-role-meta {
grid-column: 1 / -1 !important;
margin: 8px 0 0 !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > .r58-founder-authority-role-meta > li {
flex: 0 1 auto !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > :is(
.r58-founder-authority-narrative,
.r138-founder-experience,
.r58-founder-authority-facts,
.r58-founder-authority-action
) {
grid-column: 1 / -1 !important;
max-inline-size: 100% !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-narrative {
margin-block-start: 12px !important;
font-size: 15.5px !important;
line-height: 1.62 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-experience-list > li {
grid-template-columns: minmax(0, 1fr) !important;
gap: 6px !important;
padding-block: 14px !important;
}
html[lang^="zh"] body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r79-home-audience-line {
max-inline-size: 100% !important;
font-size: clamp(18px, 5.4vw, 21px) !important;
line-height: 1.24 !important;
text-wrap: balance !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-break: strict !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-latest-insight {
gap: 18px !important;
margin-top: 30px !important;
padding: 20px var(--r1378-public-edge) 26px !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-latest-insight > figure {
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-latest-insight h3 {
max-inline-size: 22ch !important;
font-size: clamp(25px, 7.2vw, 30px) !important;
line-height: 1.08 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-latest-insight > div > p:not(.r53-eyebrow) {
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
}
/* R143 TERMINAL RESPONSIVE CASCADE
*
* This layer is count-aware and source-preserving. Two-person identity sets
* remain static comparison grids; only collections with three or more items
* become horizontal rails. Exact locale copy and semantic atoms stay in the
* DOM while the parent geometry reflows around them.
*/
/* Founder identity: the parent and credential wrapper wrap, while each
* proper-name and credential atom remains intact. Role records keep their
* own semantic list items but may wrap naturally inside a long record. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity {
display: flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
gap: .08em .2em !important;
white-space: normal !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity-credentials {
display: inline-flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
gap: 0 .18em !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r14118-founder-identity > [data-r14118-text-role="identity-name"],
.r14118-founder-identity > [data-r14118-text-role="identity-alias"],
.r14118-founder-identity-credentials > [data-r14118-text-role="identity-credential"]
) {
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r58-founder-authority-role-meta > [data-r14118-text-role="role-item"] {
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-role-meta {
font-size: 12px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-selected-person,
article.r54-firm-person
) .r54-person-summary {
font-size: clamp(13.5px, 1.75vw, 14px) !important;
line-height: 1.55 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts dd {
font-size: 13px !important;
line-height: 1.42 !important;
}
/* The founder portrait uses Darren's exact compact track and remains fixed
* through the 761–820 transition. The complete 4:5 source stays contained. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait,
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait > :is(picture, img),
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait picture > img {
aspect-ratio: 4 / 5 !important;
min-block-size: 0 !important;
min-height: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait img {
object-fit: contain !important;
object-position: 50% 50% !important;
transform: none !important;
transform-origin: 50% 50% !important;
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-grid.r53-shell {
--r143-founder-portrait: clamp(128px, calc(32px + 30vw), 260px);
grid-template-columns: var(--r143-founder-portrait) minmax(0, 1fr) !important;
gap: clamp(12px, 3vw, 24px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait {
inline-size: var(--r143-founder-portrait) !important;
width: var(--r143-founder-portrait) !important;
max-inline-size: var(--r143-founder-portrait) !important;
max-width: var(--r143-founder-portrait) !important;
}
}
/* At the narrowest supported width, keep each identity atom whole by giving
* the copy the full parent measure. The portrait retains the same continuous
* 128–260px formula and complete 4:5 source. */
@media (max-width: 360px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-grid.r53-shell {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: 12px !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait {
grid-column: 1 !important;
grid-row: auto !important;
justify-self: center !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > :is(.r53-eyebrow, h2.r14118-founder-identity) {
grid-column: 1 !important;
}
}
@media (min-width: 641px) and (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > h2.r14118-founder-identity {
font-size: clamp(30px, calc(11.7647vw - 45.4118px), 44px) !important;
}
}
@media (min-width: 761px) and (max-width: 820px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-grid.r53-shell {
--r143-founder-portrait: 260px;
grid-template-columns: var(--r143-founder-portrait) minmax(0, 1fr) !important;
gap: clamp(28px, 5vw, 52px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait {
inline-size: var(--r143-founder-portrait) !important;
width: var(--r143-founder-portrait) !important;
max-inline-size: var(--r143-founder-portrait) !important;
max-width: var(--r143-founder-portrait) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > h2.r14118-founder-identity {
font-size: clamp(44px, calc(16.9492vw - 84.9831px), 54px) !important;
}
}
@media (min-width: 821px) and (max-width: 1020px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-grid.r53-shell {
--r143-founder-portrait: clamp(260px, calc(50vw - 120px), 390px);
grid-template-columns: var(--r143-founder-portrait) minmax(0, 1fr) !important;
gap: clamp(28px, 5vw, 52px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-portrait {
inline-size: var(--r143-founder-portrait) !important;
width: var(--r143-founder-portrait) !important;
max-inline-size: var(--r143-founder-portrait) !important;
max-width: var(--r143-founder-portrait) !important;
}
}
/* Five source-complete experience records share one equal-height horizontal
* sequence. At compact widths the list itself is the named keyboard-scroll
* region; no title or description is clipped or line-clamped. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r14118-founder-experience-list:has(> li:nth-child(5):last-child) {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r14118-founder-experience-list:has(> li:nth-child(5):last-child) > li {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto minmax(0, 1fr) !important;
align-content: start !important;
block-size: 100% !important;
height: 100% !important;
min-inline-size: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-experience-list:focus-visible {
outline: 3px solid #f2d9c7 !important;
outline-offset: 5px !important;
}
@media (max-width: 1020px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r14118-founder-experience-list:has(> li:nth-child(5):last-child) {
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(78vw, 280px) !important;
gap: 14px !important;
padding: 5px 18% 5px 5px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: 5px !important;
scroll-snap-type: x mandatory !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r14118-founder-experience-list:has(> li:nth-child(5):last-child) > li {
scroll-snap-align: start !important;
}
}
@media (min-width: 761px) and (max-width: 1020px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r14118-founder-experience-list:has(> li:nth-child(5):last-child) {
grid-auto-columns: 46% !important;
padding-inline-end: 8% !important;
}
}
/* Four founder facts are a true 2 × 2 equal-height matrix. The inherited
* six-pixel containment strip is removed rather than painted as a fifth row. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
padding-block-end: 0 !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > .r62-authority-stat {
block-size: 100% !important;
height: 100% !important;
min-inline-size: 0 !important;
}
/* Remove inherited fixed underfill from these exact local sections and their
* inner stages. Existing section padding and evidence insets remain owned by
* their component surfaces. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r58-founder-authority,
.r54-practice-rail,
.r54-selected-counsel,
.r54-original-home-links,
.r58-media-library,
.r54-selected-counsel-grid,
.r54-firm-evidence-stage
) {
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: none !important;
max-height: none !important;
}
/* Home counsel and standard Our Firm article cards are a two-record comparison,
* never a collection rail. About uses a.r54-firm-person and is intentionally
* outside the article-scoped standard-Firm rules below. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto minmax(0, 1fr) !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
min-block-size: 0 !important;
min-height: 0 !important;
scroll-snap-align: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person > figure,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person > figure {
grid-column: 1 !important;
grid-row: 1 !important;
aspect-ratio: 4 / 5 !important;
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
overflow: visible !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person > figure :is(img, picture > img),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person > figure :is(img, picture > img) {
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: 50% 50% !important;
transform: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person > div,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person > div {
grid-column: 1 !important;
grid-row: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
block-size: 100% !important;
height: 100% !important;
min-block-size: 0 !important;
min-height: 0 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child)
.r54-person-profile-action,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person .r54-person-profile-action {
margin-block-start: auto !important;
}
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: 1fr !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person {
block-size: 100% !important;
height: 100% !important;
}
}
/* Only 3+ practice, relationship and media collections become rails. */
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid:has(> .r54-practice-card:nth-child(3)),
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid:has(> .r54-original-home-link-card:nth-child(3)),
[data-r53-component="home.media-library"] .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(3))
) {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(82%, 420px) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: clamp(14px, 3vw, 20px) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: var(--r1378-public-edge, var(--r141-edge)) !important;
scroll-snap-type: x mandatory !important;
padding-inline-end: calc(var(--r1378-public-edge, var(--r141-edge)) + 18%) !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid:has(> .r54-practice-card:nth-child(3)) > .r54-practice-card,
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid:has(> .r54-original-home-link-card:nth-child(3)) > .r54-original-home-link-card,
[data-r53-component="home.media-library"] .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(3)) > article.r58-media-card
) {
display: grid !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid:has(> .r54-practice-card:nth-child(3)),
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid:has(> .r54-original-home-link-card:nth-child(3)),
[data-r53-component="home.media-library"] .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(3))
) :is(a, button):focus-visible {
scroll-margin-inline: var(--r1378-public-edge, var(--r141-edge)) !important;
outline: 3px solid var(--r53-oxblood, #781027) !important;
outline-offset: -5px !important;
}
}
@media (min-width: 761px) and (max-width: 820px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid:has(> .r54-practice-card:nth-child(3)),
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid:has(> .r54-original-home-link-card:nth-child(3)),
[data-r53-component="home.media-library"] .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(3))
) {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: 46% !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: clamp(14px, 3vw, 20px) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: var(--r1378-public-edge, var(--r141-edge)) !important;
scroll-snap-type: x mandatory !important;
padding-inline-end: calc(var(--r1378-public-edge, var(--r141-edge)) + 8%) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid:has(> .r54-practice-card:nth-child(3)) > .r54-practice-card,
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid:has(> .r54-original-home-link-card:nth-child(3)) > .r54-original-home-link-card,
[data-r53-component="home.media-library"] .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(3)) > article.r58-media-card
) {
display: grid !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid:has(> .r54-practice-card:nth-child(3)),
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid:has(> .r54-original-home-link-card:nth-child(3)),
[data-r53-component="home.media-library"] .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(3))
) :is(a, button):focus-visible {
scroll-margin-inline: var(--r1378-public-edge, var(--r141-edge)) !important;
outline: 3px solid var(--r53-oxblood, #781027) !important;
outline-offset: -5px !important;
}
}
@media (prefers-reduced-motion: reduce) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-grid:has(> .r54-practice-card:nth-child(3)),
[data-r53-component="home.relationship-cards"] .r54-original-home-link-grid:has(> .r54-original-home-link-card:nth-child(3)),
[data-r53-component="home.media-library"] .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(3))
) {
scroll-behavior: auto !important;
}
}
/* Practice/related directories use two columns in every compact state. The
* exact five-item set alone gives its final item the full final row. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count] > li:nth-child(n) {
grid-column: auto !important;
min-inline-size: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:nth-child(n) {
grid-column: auto !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:last-child {
grid-column: 1 / -1 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:nth-child(n) {
grid-column: auto !important;
min-inline-size: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child)
> li:last-child {
grid-column: 1 / -1 !important;
}
@media (max-width: 360px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link {
grid-template-columns: 34px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
grid-template-areas: "icon action" "title title" !important;
justify-content: stretch !important;
gap: 10px 12px !important;
min-block-size: 112px !important;
min-height: 112px !important;
padding: 13px 12px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r77-practice-icon {
grid-area: icon !important;
align-self: center !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r54-practice-directory-action {
grid-area: action !important;
justify-self: end !important;
align-self: center !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r79-practice-directory-copy {
grid-area: title !important;
min-inline-size: 0 !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link {
grid-template-columns: 34px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
grid-template-areas: "icon action" "title title" !important;
justify-content: stretch !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r77-practice-icon {
grid-area: icon !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r54-practice-directory-action {
grid-area: action !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r79-practice-directory-copy {
grid-area: title !important;
}
}
/* A 2-up directory card is still too narrow for the approved English practice
* names between 361px and 559px when icon, title, and action share one row.
* Keep the same semantic two-row anatomy through that compact interval so a
* whole word receives the full card measure instead of falling back to the
* emergency character-level containment. */
@media (min-width: 361px) and (max-width: 559px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link {
grid-template-columns: 34px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
grid-template-areas: "icon action" "title title" !important;
justify-content: stretch !important;
gap: 10px 12px !important;
min-block-size: 112px !important;
min-height: 112px !important;
padding: 13px 12px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r77-practice-icon {
grid-area: icon !important;
align-self: center !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r54-practice-directory-action {
grid-area: action !important;
justify-self: end !important;
align-self: center !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r79-practice-directory-copy {
grid-area: title !important;
min-inline-size: 0 !important;
}
/* The practice-detail family carries an extra class in its <=760px base
* rule. Match that specificity so its three-column track and 16px padding
* cannot survive underneath the two-row area assignment. */
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link {
grid-template-columns: 34px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
grid-template-areas: "icon action" "title title" !important;
justify-content: stretch !important;
gap: 10px 12px !important;
min-block-size: 112px !important;
min-height: 112px !important;
padding: 13px 12px !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r77-practice-icon {
grid-area: icon !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r54-practice-directory-action {
grid-area: action !important;
justify-self: end !important;
}
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-link > .r79-practice-directory-copy {
grid-area: title !important;
min-inline-size: 0 !important;
}
}
/* Article orientation: archive owns the full first row; an actual previous
* and next pair share the second row. Reset R74's nth-child(n) mobile rule
* explicitly, while archive + one adjacent link remains a sensible full row. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r74-article-navigation-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r74-article-navigation-grid > :not(.r74-article-navigation-archive):nth-child(n) {
grid-column: auto !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r74-article-navigation-grid
> :not(.r74-article-navigation-archive):last-child:nth-child(2) {
grid-column: auto !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r74-article-navigation-grid > .r74-article-navigation-archive:nth-child(n) {
grid-column: 1 / -1 !important;
}
/* Keep the proven <=782px Chinese emergency containment unchanged in R124.
* Extend article and counsel-profile prose only through 783–820. */
@media (min-width: 783px) and (max-width: 820px) {
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-article-prose :is(p, li, blockquote, h2, h3, h4),
html[lang^="zh"] body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r123-counsel-profile-system :is(.r54-counsel-chapter-body, .r123-counsel-biography, .r65-biography-copy)
:is(p, li, blockquote) {
min-inline-size: 0 !important;
max-inline-size: 100% !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
line-break: strict !important;
}
}
/* R143.1 owner correction: one continuous outer paint plane, one inner axis,
* container-driven rails, and separator-owned link groups. This terminal
* layer changes geometry only; source text, hrefs, dates and media stay bound
* to the existing component markup. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main > section,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
> footer.r53-footer {
box-sizing: border-box !important;
inset-inline: auto !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
transform: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
:is(main#r53-main#r53-main, footer.r53-footer) .r53-shell:not([data-r78-hero-shell]) {
box-sizing: border-box !important;
inline-size: calc(100% - (2 * var(--r141-edge))) !important;
width: calc(100% - (2 * var(--r141-edge))) !important;
margin-inline: auto !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision] {
--r141-edge: clamp(20px, 3.16vw, 68px) !important;
--r60-edge: var(--r141-edge) !important;
overflow-x: clip !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame {
--r143-rail-gap: clamp(14px, 2cqi, 20px);
--r143-rail-peek: clamp(24px, 8cqi, 40px);
display: block !important;
position: relative !important;
box-sizing: border-box !important;
container-type: inline-size;
min-inline-size: 0 !important;
max-inline-size: 100% !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-controls[hidden] {
display: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-controls:not([hidden]) {
display: flex !important;
justify-content: flex-end !important;
gap: 8px !important;
margin-block-start: 14px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-control {
display: grid !important;
inline-size: 44px !important;
width: 44px !important;
block-size: 44px !important;
height: 44px !important;
min-inline-size: 44px !important;
min-block-size: 44px !important;
place-items: center !important;
padding: 0 !important;
border: 1px solid var(--r53-oxblood, #781027) !important;
border-radius: 50% !important;
background: transparent !important;
color: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-control:is(:hover, :focus-visible):not(:disabled) {
background: var(--r53-oxblood, #781027) !important;
color: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-control:focus-visible {
outline: 3px solid currentColor !important;
outline-offset: 3px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-control:disabled {
opacity: .36 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-control span,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-control svg {
inline-size: 18px !important;
width: 18px !important;
block-size: 18px !important;
height: 18px !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-control-previous svg {
transform: rotate(180deg) !important;
}
/* Exact-two counsel cards remain readable: below the true 2 × 26rem plus
* existing-gap capacity they form a two-card rail with an intentional surface
* peek. At or above that capacity they close into an equal-height 2-up grid. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"] {
--r143-rail-gap: clamp(18px, 2cqi, 28px);
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: var(--r143-rail-gap) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
max-width: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
margin-inline: auto !important;
padding: 0 var(--r143-rail-peek) 0 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: 0 var(--r143-rail-peek) !important;
scroll-snap-type: x mandatory !important;
scrollbar-width: thin;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage > .r54-selected-person,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage > article.r54-firm-person {
flex: none !important;
inline-size: auto !important;
width: auto !important;
min-inline-size: 0 !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage {
grid-template-columns: repeat(2, minmax(26rem, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
gap: var(--r143-rail-gap) !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
[data-r143-rail] > :is(.r54-selected-person, article.r54-firm-person) {
scroll-snap-align: none !important;
}
}
/* Three-or-more collections use the same intentional-peek rail until their
* real container can fit every item at the 280px readable minimum. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"] > [data-r143-rail] {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: var(--r143-rail-gap) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
max-width: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
margin-inline: auto !important;
padding-inline-end: var(--r143-rail-peek) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: 0 var(--r143-rail-peek) !important;
scroll-snap-type: x mandatory !important;
scrollbar-width: thin;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"] > [data-r143-rail] > :not(dialog) {
flex: none !important;
inline-size: auto !important;
width: auto !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
[data-r143-rail]:focus-visible {
outline: 3px solid var(--r53-oxblood, #781027) !important;
outline-offset: 4px !important;
}
@container (min-width: 55rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="3"]
> [data-r143-rail] {
grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding-inline-end: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
}
@container (min-width: 73.75rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="4"]
> [data-r143-rail] {
grid-template-columns: repeat(4, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding-inline-end: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
}
@container (min-width: 92.5rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> [data-r143-rail] {
grid-template-columns: repeat(5, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding-inline-end: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
[data-r143-rail] {
scroll-behavior: auto !important;
}
}
/* Adjacent directory and article links own their declared 1px separators;
* no differently painted parent gap, padding frame, or odd empty cell remains. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] {
gap: 0 !important;
padding: 0 !important;
border: 1px solid var(--r53-line, #d8d0c8) !important;
background: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] > li,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] .r54-practice-directory-link {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
margin: 0 !important;
background: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] > li {
border-block-end: 1px solid var(--r53-line, #d8d0c8) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] > li:last-child {
border-block-end: 0 !important;
}
@media (min-width: 561px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] > li:nth-child(odd):not(:last-child) {
border-inline-end: 1px solid var(--r53-line, #d8d0c8) !important;
}
}
@media (max-width: 560px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count],
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child) {
grid-template-columns: minmax(0, 1fr) !important;
gap: 0 !important;
padding: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] > li:nth-child(n),
html body.gl-r53 .r53-site.r60-practice-detail[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count="5"]:has(> li:nth-child(5):last-child) > li:nth-child(n) {
grid-column: 1 !important;
inline-size: 100% !important;
width: 100% !important;
margin: 0 !important;
border-inline: 0 !important;
border-block-end: 1px solid var(--r53-line, #d8d0c8) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list[data-r54-item-count] > li:last-child {
border-block-end: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r74-article-navigation-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 0 !important;
padding: 0 !important;
background: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r74-article-navigation-grid > .r74-article-navigation-link:nth-child(n) {
grid-column: 1 !important;
inline-size: 100% !important;
width: 100% !important;
margin: 0 !important;
border: 0 !important;
border-block-end: 1px solid var(--r74-line, var(--r53-line, #d8d0c8)) !important;
background: #fff !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r74-article-navigation-grid > .r74-article-navigation-link:last-child {
border-block-end: 0 !important;
}
}
/* R143.2 live canary correction: the compact collection rail must expose only
* the intentional 24–40px next surface. This selector deliberately matches
* the earlier Home collection cascade at equal-or-greater specificity so its
* 82% track and inherited outer padding cannot reappear as a grey void. */
@media (max-width: 760px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count]
> [data-r143-rail]:has(> :nth-child(3)) {
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
gap: var(--r143-rail-gap) !important;
max-inline-size: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
max-width: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
margin-inline: auto !important;
padding: 0 var(--r143-rail-peek) 0 0 !important;
scroll-padding-inline: 0 var(--r143-rail-peek) !important;
}
}
/* Counsel role labels are information, not footnotes. Keep the approved
* words and hierarchy while preventing the later-loaded 10px legacy rule. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-person, article.r54-firm-person) .r54-person-role {
font-size: clamp(11.5px, .78vw, 12px) !important;
line-height: 1.4 !important;
}
/* R143.2 live canary correction end. */
/* R143.3 production successor: component-earned compact rails, one canonical
* disclosure geometry, and intrinsic numeric containment. This layer does
* not alter approved copy, links, dates, images, forms or source ownership. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-position {
align-self: center !important;
margin-inline-end: auto !important;
color: var(--r53-muted, #665d5e) !important;
font-size: 12px !important;
font-variant-numeric: tabular-nums !important;
font-weight: 650 !important;
letter-spacing: .04em !important;
}
@media (max-width: 480px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"] {
--r143-rail-gap: clamp(13px, 3.5vw, 17px);
--r143-rail-peek: clamp(24px, 8vw, 38px);
--r143-counsel-card-inline: max(
250px,
calc(100vw - var(--r143-rail-gap) - var(--r143-rail-peek))
);
box-sizing: border-box !important;
inline-size: calc(100% + var(--r141-edge)) !important;
width: calc(100% + var(--r141-edge)) !important;
max-inline-size: calc(100% + var(--r141-edge)) !important;
max-width: calc(100% + var(--r141-edge)) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame[data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage {
grid-auto-columns: var(--r143-counsel-card-inline) !important;
gap: var(--r143-rail-gap) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding: 0 var(--r143-rail-peek) 0 0 !important;
scroll-padding-inline: 0 var(--r143-rail-peek) !important;
background: var(--r53-white, #fff) !important;
}
}
/* Media retains its authored 16:9 focal plane while the whole card stretches
* to the rail row. The card owns its paint through the final content edge. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"]
.r58-media-library-grid > .r58-media-card {
display: grid !important;
min-inline-size: 0 !important;
overflow: hidden !important;
background: #171214 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"]
.r58-media-card > a {
display: grid !important;
grid-template-rows: auto minmax(0, 1fr) !important;
block-size: 100% !important;
height: 100% !important;
background: #171214 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"]
.r58-media-card figure {
inline-size: 100% !important;
width: 100% !important;
aspect-ratio: 16 / 9 !important;
margin: 0 !important;
overflow: hidden !important;
background: #171214 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-kind="collection"]
.r58-media-card figure > img {
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: 50% 50% !important;
}
/* FAQ is one component family on every rendered locale and route. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-component-role="faq.disclosure"][data-component-family="faq"][data-component-variant="canonical"] {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-block-start: 1px solid var(--r53-line, #d8d0c8) !important;
border-radius: 0 !important;
background: transparent !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-component-role="faq.disclosure"][data-component-family="faq"][data-component-variant="canonical"]:last-child {
border-block-end: 1px solid var(--r53-line, #d8d0c8) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-component-role="faq.disclosure"][data-component-family="faq"][data-component-variant="canonical"] > summary {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 44px !important;
align-items: center !important;
gap: clamp(12px, 2vw, 24px) !important;
inline-size: 100% !important;
width: 100% !important;
min-block-size: 68px !important;
margin: 0 !important;
padding: clamp(15px, 2.2vw, 22px) 0 !important;
border: 0 !important;
border-radius: 0 !important;
text-align: start !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-component-role="faq.disclosure"][data-component-family="faq"][data-component-variant="canonical"] > summary > strong {
grid-column: 1 !important;
min-inline-size: 0 !important;
margin: 0 !important;
text-align: start !important;
text-wrap: pretty !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-component-role="faq.disclosure"][data-component-family="faq"][data-component-variant="canonical"]
> summary > .r84-faq-control {
grid-column: 2 !important;
justify-self: end !important;
inline-size: 44px !important;
width: 44px !important;
block-size: 44px !important;
height: 44px !important;
margin: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-component-role="faq.disclosure"][data-component-family="faq"][data-component-variant="canonical"] > .r53-prose {
box-sizing: border-box !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
margin: 0 !important;
padding: 0 clamp(56px, 8vw, 68px) clamp(18px, 2.8vw, 28px) 0 !important;
text-align: start !important;
}
/* Numerals and descriptions retain separate jobs without fixed tracks or
* negative escape. A year token stays intact; prose may wrap around it. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r58-founder-authority-facts,
.r54-firm-fact-seam,
.r54-counsel-fact-strip,
.r14118-founder-experience-list
) {
min-inline-size: 0 !important;
max-inline-size: 100% !important;
font-variant-numeric: tabular-nums !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r62-authority-stat,
.r54-firm-fact-seam > div,
.r54-counsel-fact-strip > div,
.r14118-founder-experience-list > li
) {
box-sizing: border-box !important;
min-inline-size: 0 !important;
max-inline-size: 100% !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r62-authority-stat dt,
.r123-credential-date,
[data-bws-line-unit="bar-admission"]
) {
font-variant-numeric: tabular-nums !important;
white-space: nowrap !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r62-authority-stat dd,
.r54-firm-fact-seam dd,
.r54-counsel-fact-strip dd,
.r14118-founder-experience-list span
) {
min-inline-size: 0 !important;
max-inline-size: 100% !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
@media (max-width: 480px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > .r62-authority-stat {
grid-template-columns: minmax(0, 1fr) !important;
align-content: start !important;
gap: 8px !important;
padding: clamp(14px, 4vw, 18px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > .r62-authority-stat dt {
max-inline-size: 100% !important;
font-size: clamp(24px, 8vw, 36px) !important;
line-height: 1 !important;
}
}
/* R143.3 production successor end. */
/* R143.4 exact-two media correction: on phones, two media records remain one
* readable card plus a deliberate 24–40px preview of the next surface. The
* terminal selector outranks the inherited compact two-column/static rules;
* the existing R143 rail controller owns overflow controls and position state. */
@media (max-width: 480px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"] {
--r143-media-rail-gap: clamp(12px, 3.4vw, 16px);
--r143-media-rail-peek: clamp(24px, 8vw, 40px);
box-sizing: border-box !important;
inline-size: calc(100% - var(--r141-edge)) !important;
width: calc(100% - var(--r141-edge)) !important;
max-inline-size: calc(100% - var(--r141-edge)) !important;
max-width: calc(100% - var(--r141-edge)) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"]
> .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(2)):not(:has(> article.r58-media-card:nth-of-type(3))) {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: calc(100cqi - var(--r143-media-rail-gap) - var(--r143-media-rail-peek)) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: var(--r143-media-rail-gap) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding: 0 var(--r143-media-rail-peek) 0 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: 0 var(--r143-media-rail-peek) !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
background: #171214 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"]
> .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(2)):not(:has(> article.r58-media-card:nth-of-type(3)))
> article.r58-media-card {
flex: none !important;
inline-size: auto !important;
width: auto !important;
min-inline-size: 0 !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"]
> .r58-media-library-grid::-webkit-scrollbar {
display: none;
}
}
/* R143.4 exact-two media correction end. */
/* R143.5 native visual QA correction: the founder record belongs to the dark
* founder plane, not the white generic collection surface. Locale-specific
* identity measures recompose the existing atoms without authored breaks. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"]
> .r14118-founder-experience-list:has(> li:nth-child(5):last-child),
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r14118-founder-experience-list:has(> li:nth-child(5):last-child) > li {
background: #171214 !important;
}
@media (min-width: 1021px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-grid.r53-shell {
grid-template-columns: minmax(320px, .36fr) minmax(0, .64fr) !important;
gap: clamp(42px, 5vw, 72px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > h2.r14118-founder-identity {
max-inline-size: 100% !important;
font-size: clamp(46px, 4.1vw, 59px) !important;
line-height: 1.02 !important;
}
html[lang^="ko"] body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > h2.r14118-founder-identity,
html[lang^="zh"] body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-copy > h2.r14118-founder-identity {
font-size: clamp(42px, 3.7vw, 53px) !important;
letter-spacing: -.025em !important;
}
html[lang^="zh"] body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r14118-founder-identity-credentials {
display: inline-flex !important;
flex-wrap: nowrap !important;
}
}
/* Editorial orientation is a compact handoff, not another full beige section
* before the link cards. The heading remains present and sections remain
* distinct while the inherited 6vw top band is bounded. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r53-related.r54-next-paths-editorial.r74-article-navigation {
padding-block: clamp(36px, 3.6vw, 52px) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r53-related.r54-next-paths-editorial.r74-article-navigation
.r53-section-heading {
margin-block-end: clamp(22px, 2.2vw, 30px) !important;
}
/* The fixed Assistant launcher owns the lower-right safe area. Move rail
* controls and the desktop production credit out of that reserved geometry;
* neither control nor text is hidden. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-controls:not([hidden]) {
padding-inline-end: 72px !important;
}
@media (min-width: 1021px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
footer.r53-footer .r53-footer-legal {
padding-inline-end: 72px !important;
}
}
/* R143.5 native visual QA correction end. */
/* R143.6 native collection-rail specificity correction. Earlier route-local
* rules still carry stronger !important selectors for the first two practice
* cards, the five founder records and the exact-two media set. Reassert the
* component contract at the real rail boundary so every compact collection
* keeps a readable card, a 24–40px next-surface cue and equal-height rows. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count]
> [data-r143-rail] {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: var(--r143-rail-gap) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
max-width: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
margin-inline: auto !important;
padding: 0 var(--r143-rail-peek) 0 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: 0 var(--r143-rail-peek) !important;
scroll-snap-type: x mandatory !important;
scrollbar-width: thin;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count]
> [data-r143-rail] > :not(dialog) {
grid-column: auto !important;
grid-row: auto !important;
flex: none !important;
inline-size: auto !important;
width: auto !important;
min-inline-size: 0 !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
/* The founder list carried an older route-local five-column !important rule.
* Bind the shared rail to that exact source shape so the desktop copy column
* never compresses five complete records into unreadable slivers. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> .r14118-founder-experience-list:has(> li:nth-child(5):last-child) {
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> .r14118-founder-experience-list:has(> li:nth-child(5):last-child) > li {
grid-column: auto !important;
grid-row: auto !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
/* A collection closes only when its own container can hold every record at
* the 280px readable minimum. Viewport width alone never earns this state. */
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"]
> [data-r143-rail] {
grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"]
> [data-r143-rail] > :not(dialog) {
scroll-snap-align: none !important;
}
}
@container (min-width: 55rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="3"]
> [data-r143-rail] {
grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="3"]
> [data-r143-rail] > :not(dialog) {
scroll-snap-align: none !important;
}
}
@container (min-width: 73.75rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="4"]
> [data-r143-rail] {
grid-template-columns: repeat(4, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="4"]
> [data-r143-rail] > :not(dialog) {
scroll-snap-align: none !important;
}
}
@container (min-width: 92.5rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> [data-r143-rail] {
grid-template-columns: repeat(5, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> [data-r143-rail] > :not(dialog) {
scroll-snap-align: none !important;
}
}
/* Six practice destinations close as a balanced 3 × 2 grid as soon as the
* component can hold three readable 280px cards. Keeping a single 416px card
* in a 900px desktop frame left an unassigned white plane and a clipped cue. */
@container (min-width: 55rem) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="6"]
> [data-r143-rail] {
grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="6"]
> [data-r143-rail] > :not(dialog) {
scroll-snap-align: none !important;
}
}
/* On phone practice rails, use the full allowed cue so the next destination's
* icon reads as a continuation rather than an accidental clipped mark. */
@media (max-width: 480px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.practice-index"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="6"]
> .r54-practice-grid[data-r143-rail]:has(> .r54-practice-card:nth-child(6):last-child) {
grid-auto-columns: min(26rem, calc(100cqi - 14px - 40px)) !important;
gap: 14px !important;
padding-inline-end: 40px !important;
scroll-padding-inline-end: 40px !important;
}
}
/* R143.6 native collection-rail specificity correction end. */
/* R143.7 exact-two counsel specificity correction. The older exact-two
* comparison rule carries :has() specificity and was still forcing two
* 161px columns on phones. Preserve the two records and all source content,
* but keep one readable card plus the existing next-surface cue until the
* measured component can hold two complete 26rem cards. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child) {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: var(--r143-rail-gap) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
max-width: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
margin-inline: auto !important;
padding: 0 var(--r143-rail-peek) 0 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: 0 var(--r143-rail-peek) !important;
scroll-snap-type: x mandatory !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person {
inline-size: auto !important;
width: auto !important;
min-inline-size: 0 !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child) {
grid-template-columns: repeat(2, minmax(26rem, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person {
scroll-snap-align: none !important;
}
}
/* R143.7 exact-two counsel specificity correction end. */
/* R143.8 Assistant/footer safe area correction. The 1020px boundary still
* used the wide legal-credit row while the prior reservation began at 1021px.
* Reserve the launcher footprint at every width; narrow layouts may wrap the
* existing credit naturally, but no text is hidden or rewritten. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
footer.r53-footer .r53-footer-legal {
box-sizing: border-box !important;
padding-inline-end: 72px !important;
}
/* R143.8 Assistant/footer safe area correction end. */
/* R143.9 Chinese FAQ lead containment. The lead is a strong inside a
* locale-wide paragraph rule, so it inherited keep-all and crossed from the
* 280px lead column into the disclosure column at the 1020px boundary. Use
* native Han line opportunities while preserving the exact source string. */
html[lang^="zh"] body.gl-r53
.r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r53-faq .r54-faq-lead > strong {
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-break: strict !important;
}
/* R143.9 Chinese route-shared FAQ lead containment end. */
/* R143.10 intermediate collection and founder-fact correction. The older
* 761–820px route rule forced collection cards to 46% of a narrow inner
* stage, which left complete practice and relationship labels without their
* authored measure. Rebind the real collection frame to the shared card +
* next-surface contract without changing any record, action or order. */
@media (min-width: 761px) and (max-width: 820px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-collection[data-r143-rail-frame][data-r143-rail-kind="collection"][data-r143-item-count]
> [data-r143-rail]:has(> :nth-child(3)) {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column !important;
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
grid-auto-rows: 1fr !important;
align-items: stretch !important;
gap: var(--r143-rail-gap) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
max-width: calc(26rem + var(--r143-rail-gap) + var(--r143-rail-peek)) !important;
margin-inline: auto !important;
padding: 0 var(--r143-rail-peek) 0 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-inline: contain !important;
scroll-padding-inline: 0 var(--r143-rail-peek) !important;
scroll-snap-type: x mandatory !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-collection[data-r143-rail-frame][data-r143-rail-kind="collection"][data-r143-item-count]
> [data-r143-rail]:has(> :nth-child(3)) > :not(dialog) {
grid-column: auto !important;
grid-row: auto !important;
flex: none !important;
inline-size: auto !important;
width: auto !important;
min-inline-size: 0 !important;
align-self: stretch !important;
block-size: 100% !important;
height: 100% !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
/* At this exact two-column founder boundary, the copy column is only about
* 415px wide. Stack the four source-complete facts and preserve their
* label/description relationship instead of squeezing two 207px cards. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-facts > .r62-authority-stat {
grid-template-columns: minmax(104px, auto) minmax(0, 1fr) !important;
column-gap: 14px !important;
}
}
/* R143.10 intermediate collection and founder-fact correction end. */
/* R143.11 desktop counsel media balance. Two complete portraits remain
* equally prominent, but a wide card must not turn its 4:5 source ratio into
* a near-viewport-height image that pushes name, role and biography below the
* visible composition. Phone and compact rail cards keep their own readable
* geometry; only the measured static two-up state receives this bounded media
* plane. */
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]
> .r54-selected-person > figure,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]
> article.r54-firm-person > figure {
display: grid !important;
place-items: center !important;
aspect-ratio: auto !important;
block-size: clamp(22rem, 32cqi, 30rem) !important;
height: clamp(22rem, 32cqi, 30rem) !important;
max-block-size: 30rem !important;
max-height: 30rem !important;
overflow: hidden !important;
}
}
/* Desktop and wide-tablet collection composition is not a stretched phone
* carousel. The exact-two media set closes as two complete cards as soon as
* both retain a 300px measure. The six compact practice links close as a
* balanced 2 x 3 grid at the same boundary, then the existing 55rem rule
* promotes them to 3 x 2. */
@container (min-width: 40rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"]
> .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(2)):not(:has(> article.r58-media-card:nth-of-type(3))) {
grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="2"]
> .r58-media-library-grid
> article.r58-media-card {
scroll-snap-align: none !important;
}
}
@container (min-width: 40rem) and (max-width: 54.99rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.practice-index"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="6"]
> .r54-practice-grid[data-r143-rail]:has(> .r54-practice-card:nth-child(6):last-child) {
grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.practice-index"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="6"]
> .r54-practice-grid[data-r143-rail]:has(> .r54-practice-card:nth-child(6):last-child)
> .r54-practice-card {
scroll-snap-align: none !important;
}
}
/* R143.11 desktop counsel media balance end. */
/* R143.12 founder experience measured recomposition. Five source-complete
* label/description records must not retain a phone-carousel silhouette when
* their own frame can carry two readable columns. The transition belongs to
* the measured collection container, not the viewport: wide tablets and
* desktop copy planes close into a balanced editorial grid, while genuinely
* compact frames keep the swipe rail and explicit continuation cue. */
@container (min-width: 40rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.founder-authority"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> .r14118-founder-experience-list[data-r143-rail]:has(> li:nth-child(5):last-child) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
grid-auto-rows: auto !important;
align-items: stretch !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.founder-authority"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> .r14118-founder-experience-list[data-r143-rail]:has(> li:nth-child(5):last-child)
> * {
grid-column: auto !important;
inline-size: auto !important;
width: auto !important;
min-inline-size: 0 !important;
block-size: auto !important;
height: auto !important;
scroll-snap-align: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.founder-authority"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="5"]
> .r14118-founder-experience-list[data-r143-rail]:has(> li:nth-child(5):last-child)
> :last-child {
grid-column: 1 / -1 !important;
}
}
/* R143.12 founder experience desktop recomposition end. */
/* R143.13 phone rail affordance. A 24–31px accidental sliver reads as a
* clipping defect, especially for portraits and icon-led practice links.
* Keep one readable card, but expose a deliberate 44–58px continuation cue;
* the existing count and 44px controls remain the primary navigation. */
@media (max-width: 480px) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-frame] {
--r143-rail-peek: clamp(44px, 14cqi, 58px);
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
.r143-rail-frame[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"] {
--r143-rail-peek: clamp(44px, 14cqi, 58px);
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-frame][data-r143-rail-kind="collection"][data-r143-item-count="2"] {
--r143-media-rail-peek: clamp(44px, 14cqi, 58px);
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.practice-index"]
.r143-rail-frame[data-r143-rail-kind="collection"][data-r143-item-count="6"]
> .r54-practice-grid[data-r143-rail]:has(> .r54-practice-card:nth-child(6):last-child) {
grid-auto-columns: min(26rem, calc(100cqi - var(--r143-rail-gap) - var(--r143-rail-peek))) !important;
gap: var(--r143-rail-gap) !important;
padding-inline-end: var(--r143-rail-peek) !important;
scroll-padding-inline-end: var(--r143-rail-peek) !important;
}
}
/* R143.13 phone rail affordance end. */
/* R143.14 counsel and founder hierarchy balance.
* The selected composition, exact locale copy and existing rail geometry stay
* unchanged. Metadata receives a quiet square surface, titles retain the
* incumbent type family, and complete counsel portraits remain uncropped in
* one shared neutral frame. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage
> .r54-selected-person > div > .r54-person-role,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage
> article.r54-firm-person > div > p:first-child {
display: inline-flex !important;
box-sizing: border-box !important;
align-items: center !important;
inline-size: fit-content !important;
max-inline-size: 100% !important;
min-block-size: 28px !important;
margin: 0 0 12px !important;
padding: 5px 9px !important;
border: 1px solid var(--r53-line) !important;
border-radius: 0 !important;
background: var(--r53-paper) !important;
color: var(--r53-oxblood) !important;
font-family: var(--r53-sans) !important;
font-size: clamp(11.5px, .78vw, 12px) !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: .04em !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage
> .r54-selected-person > div > h3,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage
> article.r54-firm-person > div > h2 {
margin-block: 0 !important;
color: var(--r53-ink) !important;
font-weight: 650 !important;
line-height: 1.08 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage
> .r54-selected-person > div > .r54-person-summary,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r54-firm-people-stage
> article.r54-firm-person > div > .r54-person-summary {
align-self: stretch !important;
margin-block-start: 12px !important;
padding-block-start: 14px !important;
border-block-start: 1px solid var(--r53-line) !important;
color: var(--r53-muted) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r58-founder-authority-copy .r14118-founder-identity-credentials {
display: inline-flex !important;
box-sizing: border-box !important;
flex-wrap: wrap !important;
align-items: baseline !important;
inline-size: fit-content !important;
max-inline-size: 100% !important;
margin-block-start: clamp(8px, 1vw, 12px) !important;
padding: 5px 9px !important;
border: 1px solid var(--r53-muted) !important;
border-radius: 0 !important;
background: var(--r53-charcoal) !important;
color: var(--r53-white) !important;
font-family: var(--r53-sans) !important;
font-size: clamp(12px, 1vw, 15px) !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: .025em !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r58-founder-authority-role-meta
> [data-r14118-text-role="role-item"] {
display: inline-flex !important;
box-sizing: border-box !important;
align-items: center !important;
min-block-size: 28px !important;
margin: 0 !important;
padding: 5px 9px !important;
border: 1px solid var(--r53-muted) !important;
border-radius: 0 !important;
background: var(--r53-charcoal) !important;
color: var(--r53-paper) !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-founder-authority-narrative {
margin-block-start: 0 !important;
padding-block-start: 18px !important;
border-block-start: 1px solid var(--r53-muted) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-founder-experience > h3 {
display: block !important;
box-sizing: border-box !important;
inline-size: fit-content !important;
max-inline-size: 100% !important;
margin: 0 0 18px !important;
padding: 7px 10px !important;
border-inline-start: 3px solid var(--r53-paper) !important;
border-radius: 0 !important;
background: var(--r53-charcoal) !important;
color: var(--r53-white) !important;
font-weight: 650 !important;
}
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]
> .r54-selected-person > figure,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]
> article.r54-firm-person > figure {
display: grid !important;
place-items: center !important;
aspect-ratio: 3 / 2 !important;
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: 28rem !important;
max-height: 28rem !important;
overflow: hidden !important;
background: var(--r53-white) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]
> .r54-selected-person > figure > :is(picture, img),
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]
> .r54-selected-person > figure picture > img,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]
> article.r54-firm-person > figure > :is(picture, img),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]
> article.r54-firm-person > figure picture > img {
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: 50% 50% !important;
transform: none !important;
background: var(--r53-white) !important;
}
}
/* R143.14 counsel and founder hierarchy balance end. */
/* R143.15 continuous section surface and shared-inner geometry.
* Ordinary section paint reaches the viewport edge. Titles, prose, media,
* controls and repeated records stay on the existing R137.8 1312px rail;
* readable prose measures remain nested inside that rail. This is a geometry
* correction of the selected component families, not a new page system. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-rail,
.r54-selected-counsel,
.r54-original-home-links,
.r54-original-process,
.r58-media-library,
.r53-articles,
.r54-content-editorial,
.r54-content-practice,
.r54-content-firm-story,
.r54-next-paths,
.r54-institutional-directory-seam,
.r54-bottom-cta
) {
box-sizing: border-box !important;
inset-inline: auto !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
transform: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r54-practice-rail > .r54-practice-workspace.r53-shell,
.r54-selected-counsel > .r54-selected-counsel-intro.r53-shell,
.r54-original-process > .r54-original-process-grid.r53-shell,
.r58-media-library > .r53-shell,
.r53-articles > .r53-article-layout.r53-shell,
.r54-content-editorial > .r53-shell,
.r54-content-practice > .r53-shell,
.r54-next-paths > .r53-shell,
.r54-institutional-directory-seam > .r53-shell,
.r54-bottom-cta > .r53-shell
) {
box-sizing: border-box !important;
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
/* About is the registered chapter-surface exception: each story group paints
* full bleed while its heading and narrative grid retain the common rail. */
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-firm-story > :is(.r54-firm-story-flow, .r54-firm-story-narrative) {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-story-narrative
> :is(.r54-firm-story-group, .r54-firm-story-group:nth-child(n)) {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: var(--r1378-public-inset) !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-firm-story-narrative .r54-firm-story-group
> :is(.r54-firm-story-group-heading, .r54-firm-story-group-grid) {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
/* Home relationship records: paper is the full-bleed section paint; the
* complete record group and its controls sit inside one common inner rail. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-links {
border: 0 !important;
background: var(--r53-paper) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-links
> .r143-rail-frame[data-r143-rail-kind="collection"] {
box-sizing: border-box !important;
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-links
.r54-original-home-link-grid.r53-shell {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline: 0 !important;
padding: 0 !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-link-card,
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-link-card:nth-child(n) {
min-inline-size: 0 !important;
block-size: 100% !important;
height: 100% !important;
border: 0 !important;
box-shadow: none !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-link-card > figure {
min-block-size: 0 !important;
aspect-ratio: 16 / 10 !important;
border: 0 !important;
background: var(--r53-paper) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-link-card > figure img {
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-link-card .r63-relationship-body {
display: flex !important;
flex-direction: column !important;
min-block-size: 0 !important;
block-size: 100% !important;
height: 100% !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-link-card .r63-relationship-action {
margin-block-start: auto !important;
}
@container (min-width: 55rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-home-links
.r143-rail-frame[data-r143-item-count="3"]
> .r54-original-home-link-grid[data-r143-rail] {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
grid-auto-rows: 1fr !important;
gap: 0 !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
}
/* Practice choices share one card/track paint. Deliberate grid gaps therefore
* cannot expose a foreign section colour, and no inherited 1px frame survives. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-rail {
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-grid[data-r143-rail] {
padding: 0 !important;
border: 0 !important;
background: var(--r53-paper) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-grid[data-r143-rail]
> .r54-practice-card:nth-child(n) {
border: 0 !important;
box-shadow: none !important;
background: var(--r53-paper) !important;
}
/* Counsel is a compact two-person comparison inside the common rail. Wide
* cards use one small, complete-source portrait plane; compact frames retain
* the existing one-card-plus-continuation rail rather than squeezing two. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-selected-counsel {
border: 0 !important;
background: var(--r53-paper) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-selected-counsel
> .r54-selected-counsel-grid.r143-rail-frame {
box-sizing: border-box !important;
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel {
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-selected-person, article.r54-firm-person) {
border: 0 !important;
box-shadow: none !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r54-selected-person, article.r54-firm-person)
> div {
border: 0 !important;
box-shadow: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-person > div > .r54-person-role,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
article.r54-firm-person > div > p:first-child,
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-selected-person, article.r54-firm-person) .r54-person-summary {
border: 0 !important;
}
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail],
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail] {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: auto !important;
grid-auto-rows: 1fr !important;
gap: clamp(20px, 2.2cqi, 28px) !important;
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 1080px !important;
max-width: 1080px !important;
margin-inline: auto !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage[data-r143-rail] > .r54-selected-person,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-people-stage[data-r143-rail] > article.r54-firm-person {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto minmax(0, 1fr) !important;
block-size: 100% !important;
height: 100% !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage[data-r143-rail] > .r54-selected-person > figure,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-people-stage[data-r143-rail] > article.r54-firm-person > figure {
display: grid !important;
place-items: end center !important;
aspect-ratio: auto !important;
block-size: clamp(15rem, 21cqi, 18rem) !important;
height: clamp(15rem, 21cqi, 18rem) !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: 18rem !important;
max-height: 18rem !important;
border: 0 !important;
overflow: hidden !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage[data-r143-rail] > .r54-selected-person > figure img,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-people-stage[data-r143-rail] > article.r54-firm-person > figure img {
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: 50% 100% !important;
transform: none !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-selected-counsel-stage[data-r143-rail] > .r54-selected-person > div,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-people-stage[data-r143-rail] > article.r54-firm-person > div {
grid-column: 1 !important;
grid-row: 2 !important;
min-block-size: 0 !important;
min-height: 0 !important;
padding: clamp(22px, 2.6cqi, 30px) !important;
border: 0 !important;
}
}
/* How We Work is the named red sequence surface. Paint stays full bleed;
* its complete heading, explanation and steps remain inside the common rail. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process {
border: 0 !important;
background: var(--r53-oxblood) !important;
color: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process :is(
.r53-eyebrow,
.r53-section-heading h2,
.r53-deck,
.r54-original-process-secondary,
.r54-original-process-secondary h3,
.r54-original-process-secondary p,
.r54-original-process-steps,
.r54-original-process-steps strong,
.r54-original-process-steps span
) {
color: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process .r53-eyebrow > span {
background: currentColor !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process-steps {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-rows: 1fr !important;
gap: clamp(14px, 1.8vw, 22px) !important;
margin-block-start: clamp(24px, 3vw, 38px) !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process-steps > li {
display: grid !important;
align-content: start !important;
gap: 10px !important;
block-size: 100% !important;
height: 100% !important;
min-inline-size: 0 !important;
padding: clamp(22px, 2.5vw, 30px) !important;
border: 0 !important;
background: rgba(255, 255, 255, .09) !important;
box-shadow: none !important;
}
/* Media is a two-record static grid as soon as both 300px records fit. Its
* dark track matches its cards, so the deliberate shared gap never reads as
* a clipped beige strip; compact frames keep the measured continuation cue. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-media-library {
border: 0 !important;
background: var(--r53-paper) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-media-library-grid[data-r143-rail] {
border: 0 !important;
background: var(--r53-charcoal) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r58-media-library-grid[data-r143-rail]
> article.r58-media-card {
block-size: 100% !important;
height: 100% !important;
border: 0 !important;
box-shadow: none !important;
background: var(--r53-charcoal) !important;
}
/* Lower destination and directory families use one contained stencil. The
* primary route keeps its named 3px hierarchy accent; inherited 1px exterior
* frames and per-cell rules are removed. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-next-paths {
border: 0 !important;
background: var(--r53-paper) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-next-paths-grid {
grid-auto-rows: 1fr !important;
gap: 0 !important;
padding: 0 !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-next-paths-grid > .r54-next-path:nth-child(n) {
block-size: 100% !important;
height: 100% !important;
border: 0 !important;
box-shadow: none !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-next-paths-grid > .r54-next-path-primary {
border-block-start: 3px solid var(--r53-oxblood) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list {
gap: 0 !important;
padding: 0 !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-directory-list
> li > .r54-practice-directory-link {
block-size: 100% !important;
height: 100% !important;
border: 0 !important;
box-shadow: none !important;
background: var(--r53-white, #fff) !important;
}
/* The latest hierarchy pass used 1px metadata frames as scaffolding. The
* hierarchy remains through surface, weight and spacing; the unexplained
* exterior lines do not. Focus-visible outlines remain governed separately. */
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r14118-founder-identity-credentials,
.r58-founder-authority-role-meta > [data-r14118-text-role="role-item"],
.r58-founder-authority-narrative
) {
border: 0 !important;
}
@media (min-width: 641px) and (max-width: 899px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process-steps {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process-steps
> li:last-child:nth-child(odd) {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 640px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-original-process-steps {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-next-paths-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
}
/* R143.15 continuous section surface and shared-inner geometry end. */
/* R143.16 practice state legibility and truthful repeated-card density.
* State paint is atomic across the icon, title/description and action nodes.
* Repeated Practice and Resources records size from their real content plus
* shared padding; aspect-ratio owns media crop without a fixed poster stage. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card.r54-practice-card, .r54-practice-directory-link.r54-practice-directory-link) {
box-sizing: border-box !important;
display: grid !important;
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
padding: clamp(16px, 1.5cqi, 20px) clamp(16px, 1.8cqi, 22px) !important;
gap: clamp(10px, 1.1cqi, 14px) !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
color: var(--r53-ink, #211d1b) !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
mix-blend-mode: normal !important;
isolation: isolate !important;
text-decoration: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):visited {
background: var(--r53-white, #fff) !important;
color: var(--r53-ink, #211d1b) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)
:is(
.r53-practice-icon,
.r77-practice-icon,
.r78-practice-icon,
.r78-practice-symbol,
.r84-icon,
.r79-practice-directory-copy,
h3,
strong,
small,
.r53-practice-action,
.r54-practice-directory-action,
.r78-practice-action-slot,
.r83-action-symbol,
.r53-practice-icon-image,
svg
) {
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
mix-blend-mode: normal !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)
:is(.r79-practice-directory-copy, h3, strong, small) {
display: block !important;
color: var(--r53-ink, #211d1b) !important;
-webkit-text-fill-color: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-practice-directory-link .r79-practice-directory-copy {
display: grid !important;
gap: 4px !important;
min-inline-size: 0 !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r78-practice-symbol, .r84-icon) {
display: grid !important;
place-items: center !important;
color: var(--r53-oxblood, #781027) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)
:is(.r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot) {
display: grid !important;
place-items: center !important;
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(
:hover,
:focus-visible,
:active,
.is-active,
.is-selected,
.is-current,
[aria-pressed="true"],
[aria-selected="true"],
[aria-current]:not([aria-current="false"]),
[data-state="pressed"],
[data-state="selected"],
[data-state="current"]
) {
z-index: 1 !important;
background: var(--r53-oxblood, #781027) !important;
color: var(--r53-white, #fff) !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
mix-blend-mode: normal !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(
:hover,
:focus-visible,
:active,
.is-active,
.is-selected,
.is-current,
[aria-pressed="true"],
[aria-selected="true"],
[aria-current]:not([aria-current="false"]),
[data-state="pressed"],
[data-state="selected"],
[data-state="current"]
)
:is(
.r53-practice-icon,
.r77-practice-icon,
.r78-practice-icon,
.r78-practice-symbol,
.r84-icon,
.r79-practice-directory-copy,
h3,
strong,
small,
.r53-practice-action,
.r54-practice-directory-action,
.r78-practice-action-slot,
.r83-action-symbol,
.r53-practice-icon-image,
svg
) {
color: var(--r53-white, #fff) !important;
-webkit-text-fill-color: currentColor !important;
stroke: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
mix-blend-mode: normal !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):is(
:hover,
:focus-visible,
:active,
.is-active,
.is-selected,
.is-current,
[aria-pressed="true"],
[aria-selected="true"],
[aria-current]:not([aria-current="false"]),
[data-state="pressed"],
[data-state="selected"],
[data-state="current"]
) .r53-practice-icon-image {
filter: brightness(0) invert(1) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):focus-visible {
outline: 3px solid var(--r53-white, #fff) !important;
outline-offset: -6px !important;
box-shadow: 0 0 0 3px var(--r53-oxblood, #781027), 0 12px 26px rgba(73, 9, 25, .22) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):active {
background: #5c0b1c !important;
transform: translateY(0) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)[aria-busy="true"] {
background: #f3e7e9 !important;
color: var(--r53-ink, #211d1b) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)[aria-busy="true"]
:is(.r79-practice-directory-copy, h3, strong, small) {
color: var(--r53-ink, #211d1b) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link)[aria-busy="true"]
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r78-practice-symbol, .r84-icon, .r53-practice-icon-image, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, svg) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-rail {
padding-block: clamp(44px, 5vw, 72px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-workspace {
row-gap: clamp(26px, 3.4vw, 44px) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-grid[data-r143-rail] {
grid-auto-rows: auto !important;
align-items: stretch !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r54-practice-grid[data-r143-rail]
> .r54-practice-card:nth-child(n) {
align-self: stretch !important;
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
}
/* Resource archive compaction removes the inherited 270/310/330px floors,
* 100%-height media stages and double card padding. Row equality, where a row
* has peers, now resolves only from its tallest real record and shared inset. */
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-articles {
padding-block: clamp(40px, 4.8vw, 68px) !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-layout {
grid-auto-rows: auto !important;
align-items: stretch !important;
gap: clamp(14px, 1.5vw, 20px) !important;
padding: 0 !important;
border: 0 !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r53-article-card, .r53-article-card:first-child, .r53-article-card:nth-child(n)) {
grid-template-rows: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
align-self: stretch !important;
gap: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: var(--r53-white, #fff) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card.r53-article-card-no-media {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card.r53-article-card-no-media
> .r53-article-card-copy {
grid-column: 1 !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r53-article-card, .r53-article-card:first-child)
> .r53-article-card-media {
align-self: start !important;
aspect-ratio: var(--r141-editorial-ratio, 16 / 10) !important;
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
max-block-size: none !important;
max-height: none !important;
border: 0 !important;
background: var(--r53-paper) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card-media :is(picture, img),
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card-image {
display: block !important;
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
min-block-size: 0 !important;
min-height: 0 !important;
object-fit: cover !important;
object-position: 50% 50% !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card-copy {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-content: start !important;
min-block-size: 0 !important;
min-height: 0 !important;
block-size: auto !important;
height: auto !important;
gap: clamp(10px, 1vw, 14px) !important;
padding: clamp(18px, 1.8vw, 26px) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card-copy > .r53-arrow-link {
align-self: flex-start !important;
margin-block-start: 4px !important;
}
@media (hover: none), (pointer: coarse) {
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):hover:not(:focus-visible):not(:active):not(.is-active):not(.is-selected):not(.is-current):not([aria-pressed="true"]):not([aria-selected="true"]):not([aria-current]) {
background: var(--r53-white, #fff) !important;
color: var(--r53-ink, #211d1b) !important;
box-shadow: none !important;
transform: none !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):hover:not(:focus-visible):not(:active):not(.is-active):not(.is-selected):not(.is-current):not([aria-pressed="true"]):not([aria-selected="true"]):not([aria-current])
:is(.r79-practice-directory-copy, h3, strong, small) {
color: var(--r53-ink, #211d1b) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-practice-card, .r54-practice-directory-link):hover:not(:focus-visible):not(:active):not(.is-active):not(.is-selected):not(.is-current):not([aria-pressed="true"]):not([aria-selected="true"]):not([aria-current])
:is(.r53-practice-icon, .r77-practice-icon, .r78-practice-icon, .r78-practice-symbol, .r84-icon, .r53-practice-icon-image, .r53-practice-action, .r54-practice-directory-action, .r78-practice-action-slot, svg) {
color: var(--r53-oxblood, #781027) !important;
stroke: currentColor !important;
}
}
@media (max-width: 720px) {
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(.r53-article-card, .r53-article-card:first-child, .r53-article-card-no-media) {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.gl-r53 .r53-site.r60-article-archive[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r53-article-card-copy {
padding: clamp(18px, 5.2vw, 24px) !important;
}
}
/* R143.16 practice state legibility and truthful repeated-card density end. */
/* R143.17 common public-axis closure.
* The earlier R143 shell safety layer retained a 20px minimum gutter. These
* named owner-visible rails now consume the existing R137.8 public inset, so
* 320px remains 20px while 390px and larger states share the canonical axis.
* Full-bleed hero media remains on the outer grid; only its information track
* is inset. The continuation's inherited divider was an unexplained frame. */
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
:is(.r54-route-hero, .r53-profile-hero, .r53-article-hero)[data-r78-hero]
> :is(.r54-route-hero-grid, .r53-profile-hero-grid, .r53-article-hero-grid)[data-r78-hero-shell] {
padding-inline: max(var(--r1378-public-inset), calc((100% - var(--r141-shell-max)) / 2)) !important;
}
html body.gl-r53 .r53-site[data-site-production-root][data-r54-revision]
main#r53-main#r53-main :is(
.r138-home-hero-continuation-grid.r53-shell,
.r138-final-content-inner.r53-shell,
.r58-founder-authority-grid.r53-shell,
.r54-selected-counsel > .r54-latest-insight.r53-shell,
.r53-pagination.r53-shell
) {
box-sizing: border-box !important;
inline-size: calc(100% - (2 * var(--r1378-public-inset))) !important;
width: calc(100% - (2 * var(--r1378-public-inset))) !important;
max-inline-size: var(--r1378-public-rail-max) !important;
max-width: var(--r1378-public-rail-max) !important;
margin-inline: auto !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main .r138-home-hero-continuation {
border: 0 !important;
}
/* R143.17 common public-axis closure end. */
/* R143.18 exact-two media phone rail closure.
* The media frame already sits on the common inner axis. A second edge
* subtraction narrowed the cards, while the later general phone affordance
* incorrectly replaced this exact-two rail's approved 24–40px preview. */
@media (max-width: 480px) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-frame][data-r143-rail-kind="collection"][data-r143-item-count="2"] {
--r143-media-rail-peek: clamp(24px, 8vw, 40px);
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 100% !important;
max-width: 100% !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
[data-r53-component="home.media-library"]
.r143-rail-frame[data-r143-rail-frame][data-r143-rail-kind="collection"][data-r143-item-count="2"]
> .r58-media-library-grid:has(> article.r58-media-card:nth-of-type(2)):not(:has(> article.r58-media-card:nth-of-type(3))) {
background: var(--r53-charcoal) !important;
}
}
/* R143.18 exact-two media phone rail closure end. */
/* R144 public counsel scale and About disclosure-body alignment.
* The two-person desktop comparison keeps its admitted equal-card and complete
* shoulder-portrait morphology, but uses the existing 1080px relationship
* measure instead of expanding both people across the full public rail.
* The final About disclosure keeps its native summary, focus and arrow states;
* only its opened body loses the isolated nested-card shell and rejoins the
* same public text axis as its trigger. */
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child) {
inline-size: 100% !important;
width: 100% !important;
max-inline-size: 1080px !important;
max-width: 1080px !important;
margin-inline: auto !important;
}
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-narrative
details.r78-firm-story-disclosure[data-r54-story-group="7"][open]
> .r54-firm-story-group-grid {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto !important;
gap: 0 !important;
margin-block: 12px clamp(34px, 3.5vw, 50px) !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-narrative
details.r78-firm-story-disclosure[data-r54-story-group="7"]
> .r54-firm-story-group-grid
> .r54-firm-story-entry {
padding: 0 !important;
background: transparent !important;
}
html body.gl-r53 .r53-site.r60-about[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-firm-story-narrative
details.r78-firm-story-disclosure[data-r54-story-group="7"]
.r54-narrative-chapter-body {
inline-size: min(100%, 68ch) !important;
width: min(100%, 68ch) !important;
max-inline-size: 68ch !important;
max-width: 68ch !important;
margin-inline: 0 !important;
}
/* R144 public counsel scale and About disclosure-body alignment end. */
/* R144.1 counsel portrait specificity closure.
* Older exact-two selectors carry more specificity than the later shared
* compact-card rule. Bind the intended 15–18rem media plane and complete,
* uncropped source image at the same selector strength so the people no
* longer expand into face-dominant desktop crops. */
@container (min-width: 53.75rem) {
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person > figure,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person > figure {
display: grid !important;
place-items: end center !important;
aspect-ratio: auto !important;
block-size: clamp(15rem, 21cqi, 18rem) !important;
height: clamp(15rem, 21cqi, 18rem) !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: 18rem !important;
max-height: 18rem !important;
overflow: hidden !important;
}
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person > figure > :is(img, picture),
html body.gl-r53 .r53-site.r60-home[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-selected-counsel-stage[data-r143-rail]:has(> .r54-selected-person:nth-child(2):last-child)
> .r54-selected-person > figure picture > img,
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person > figure > :is(img, picture),
html body.gl-r53 .r53-site.r60-firm[data-site-production-root][data-r54-revision]
main#r53-main#r53-main
.r54-content-editorial.r54-standard-firm-people
.r143-rail-frame.r143-rail-frame-counsel[data-r143-rail-frame][data-r143-rail-kind="counsel"][data-r143-item-count="2"]
> .r54-firm-people-stage[data-r143-rail]:has(> article.r54-firm-person:nth-of-type(2):last-child)
> article.r54-firm-person > figure picture > img {
display: block !important;
inline-size: 100% !important;
width: 100% !important;
block-size: 100% !important;
height: 100% !important;
min-block-size: 0 !important;
min-height: 0 !important;
object-fit: contain !important;
object-position: var(--r54-media-focus-wide, 50% 50%) !important;
transform: none !important;
}
}
/* R144.1 counsel portrait specificity closure end. */