/* Practice domain (GEO/GEM business entrances): extracted from agency-v2.css in batch 20261013; index.html loads this file right after agency-v2.css. */
/* Two business entrances; the larger brand-green GEM block leads the visual hierarchy. */
.agency-v2 #practice { background:#fff; }
.agency-v2 #practice > .container { display:grid; grid-template-columns:1fr; gap:32px; }
.agency-v2 #practice .agency-section-intro { display:grid; grid-template-columns:1.15fr .85fr; gap:0 64px; align-items:end; }
.agency-v2 #practice .agency-section-intro > .agency-label { grid-column:1/-1; }
.agency-v2 #practice .agency-section-intro .section-title { font-size:clamp(30px,2.7vw,40px) !important; margin:0; }
.agency-v2 #practice .agency-section-intro > p { font-size:16px; line-height:1.85; color:var(--agency-muted); max-width:46ch; margin:0 0 3px; }
.agency-v2 #practice .agency-practice-list { --practice-small-abbr:96px; --practice-large-abbr:128px; --practice-small-heading:24px; --practice-large-heading:28px; --practice-rest-width:.5fr; --practice-rest-abbr:calc((var(--practice-small-abbr) + var(--practice-large-abbr)) / 2); --practice-rest-heading:calc((var(--practice-small-heading) + var(--practice-large-heading)) / 2); display:grid; grid-template-columns:minmax(0,var(--practice-geo-width,var(--practice-rest-width))) minmax(0,var(--practice-gem-width,var(--practice-rest-width))); gap:20px; border:0; }
.agency-v2 #practice .agency-practice-row { display:grid; grid-template-columns:minmax(0,1fr) 48px; grid-template-rows:auto 1fr; gap:44px 20px; align-items:start; min-width:0; min-height:360px; padding:36px; border:0; border-radius:0; background:#FFD932; color:var(--agency-ink); text-decoration:none; }
.agency-v2 #practice .agency-practice-row[href="#gem"] { background:var(--agency-brand-soft,#7CD6D2); }
.agency-v2 body.product-home #practice .agency-practice-abbr { display:block; grid-column:1; grid-row:1; color:var(--agency-ink) !important; font:600 var(--practice-geo-abbr,var(--practice-rest-abbr))/.95 var(--p-font-display); letter-spacing:-.065em; }
.agency-v2 body.product-home #practice .agency-practice-row[href="#gem"] .agency-practice-abbr { font-size:var(--practice-gem-abbr,var(--practice-rest-abbr)); }
.agency-v2 #practice .agency-practice-row > div { grid-column:1/-1; grid-row:2; align-self:end; }
.agency-v2 #practice .agency-practice-row h3 { color:var(--agency-ink); font-size:var(--practice-geo-heading,var(--practice-rest-heading)); font-weight:600; line-height:1.4; margin:0 0 10px; }
.agency-v2 #practice .agency-practice-row[href="#gem"] h3 { font-size:var(--practice-gem-heading,var(--practice-rest-heading)); }
.agency-v2 #practice .agency-practice-row p { max-width:54ch; color:var(--agency-ink); font-size:14px; line-height:1.7; margin:0; }
.agency-v2 #practice .agency-circle-arrow { display:grid; grid-column:2; grid-row:1; place-items:center; width:48px; height:48px; margin-top:4px; color:var(--agency-ink); border:1px solid #242A2E66; border-radius:50%; font-size:23px; transition:transform .18s,background .18s; }
.agency-v2 #practice .agency-practice-row:hover .agency-circle-arrow { background:#fff; transform:translate(3px,-3px); }
.agency-v2 #practice .agency-practice-row:focus-visible { outline:3px solid #242A2E !important; outline-offset:5px; }
.agency-v2 #practice .agency-boundary { grid-column:1; margin:-12px 0 0; color:var(--agency-muted); font-size:11px; line-height:1.7; }
@media(max-width:1100px) {
 .agency-v2 #practice .agency-section-intro { gap:0 36px; }
 .agency-v2 #practice .agency-practice-list { --practice-small-abbr:80px; --practice-large-abbr:104px; --practice-small-heading:21px; --practice-large-heading:24px; gap:16px; }
 .agency-v2 #practice .agency-practice-row { min-height:320px; padding:28px; gap:36px 16px; }
 .agency-v2 #practice .agency-practice-row p { font-size:13px; }
}
@media(max-width:800px) {
 .agency-v2 #practice .agency-section-intro { grid-template-columns:1fr; gap:0; }
 .agency-v2 #practice .agency-section-intro > p { margin:18px 0 0; max-width:56ch; }
 .agency-v2 #practice .agency-practice-row { grid-template-columns:minmax(0,1fr) 40px; padding:24px; gap:32px 8px; }
 .agency-v2 #practice .agency-circle-arrow { width:40px; height:40px; font-size:21px; }
 .agency-v2 #practice .agency-practice-list { --practice-small-abbr:68px; --practice-large-abbr:88px; }
}
@media(min-width:601px) and (max-width:700px) {
 .agency-v2 #practice .agency-practice-list { --practice-small-abbr:48px; --practice-large-abbr:64px; --practice-small-heading:20px; --practice-large-heading:22px; }
}
@media(max-width:600px) {
 .agency-v2 #practice > .container { gap:26px; }
 .agency-v2 #practice .agency-section-intro .section-title { font-size:30px !important; }
 .agency-v2 #practice .agency-section-intro > p { font-size:14px; }
 .agency-v2 #practice .agency-practice-list { grid-template-columns:1fr; gap:16px; }
 .agency-v2 #practice .agency-practice-row { min-height:244px; gap:30px 12px; }
 .agency-v2 #practice .agency-practice-row[href="#gem"] { min-height:280px; }
 .agency-v2 #practice .agency-practice-row > div { padding-right:24px; }
 .agency-v2 body.product-home #practice .agency-practice-abbr { font-size:72px; }
 .agency-v2 body.product-home #practice .agency-practice-row[href="#gem"] .agency-practice-abbr { font-size:88px; }
 .agency-v2 #practice .agency-practice-row h3 { font-size:21px; }
 .agency-v2 #practice .agency-practice-row[href="#gem"] h3 { font-size:23px; }
 .agency-v2 #practice .agency-boundary { margin:-10px 0 0; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .agency-v2 #practice :is(.agency-practice-list,.agency-practice-abbr,.agency-practice-row h3) { transition-duration:.45s !important; transition-timing-function:cubic-bezier(.22,1,.36,1) !important; }
 .agency-v2 #practice .agency-practice-row:hover .agency-circle-arrow { transform:none; }
}

/* Review variant: compare white type inside the two practice blocks without changing the default. */
html.practice-white.agency-v2 body.product-home #practice :is(.agency-practice-abbr,.agency-practice-row h3,.agency-practice-row p,.agency-circle-arrow) { color:#fff !important; }
html.practice-white.agency-v2 body.product-home #practice .agency-circle-arrow { border-color:#ffffffb8; text-shadow:0 1px 2px #0003; }
html.practice-white.agency-v2 body.product-home #practice .agency-practice-row:hover .agency-circle-arrow { background:#ffffff33; }
/* Hover or keyboard focus gives the chosen service more room; the two services are equal at rest. */
@media(min-width:601px) {
 .agency-v2 #practice .agency-practice-list { transition:grid-template-columns .45s cubic-bezier(.22,1,.36,1); }
 .agency-v2 #practice :is(.agency-practice-abbr,.agency-practice-row h3) { transition:font-size .45s cubic-bezier(.22,1,.36,1); }
 .agency-v2 #practice .agency-practice-list:has(> .agency-practice-row[href="#geo"]:focus-visible) { --practice-geo-width:.58fr; --practice-gem-width:.42fr; --practice-geo-abbr:var(--practice-large-abbr); --practice-gem-abbr:var(--practice-small-abbr); --practice-geo-heading:var(--practice-large-heading); --practice-gem-heading:var(--practice-small-heading); }
 .agency-v2 #practice .agency-practice-list:has(> .agency-practice-row[href="#gem"]:focus-visible) { --practice-gem-width:.58fr; --practice-geo-width:.42fr; --practice-gem-abbr:var(--practice-large-abbr); --practice-geo-abbr:var(--practice-small-abbr); --practice-gem-heading:var(--practice-large-heading); --practice-geo-heading:var(--practice-small-heading); }
}
@media(min-width:601px) and (hover:hover) and (pointer:fine) {
 .agency-v2 #practice .agency-practice-list:not(:has(> .agency-practice-row:focus-visible)):has(> .agency-practice-row[href="#geo"]:hover) { --practice-geo-width:.58fr; --practice-gem-width:.42fr; --practice-geo-abbr:var(--practice-large-abbr); --practice-gem-abbr:var(--practice-small-abbr); --practice-geo-heading:var(--practice-large-heading); --practice-gem-heading:var(--practice-small-heading); }
 .agency-v2 #practice .agency-practice-list:not(:has(> .agency-practice-row:focus-visible)):has(> .agency-practice-row[href="#gem"]:hover) { --practice-gem-width:.58fr; --practice-geo-width:.42fr; --practice-gem-abbr:var(--practice-large-abbr); --practice-geo-abbr:var(--practice-small-abbr); --practice-gem-heading:var(--practice-large-heading); --practice-geo-heading:var(--practice-small-heading); }
}
/* Confirmed GEM/GEO block treatment · Chinese and English homepages. */
.agency-v2 body.product-home #practice .agency-practice-row[href="#geo"] :is(.agency-practice-abbr,h3,p,.agency-circle-arrow) { color:#4B5356 !important; }
.agency-v2 body.product-home #practice .agency-practice-row[href="#geo"] .agency-circle-arrow { border-color:#4B5356 !important; }
 .agency-v2 body.product-home #practice .agency-practice-row[href="#gem"] :is(.agency-practice-abbr,h3,p,.agency-circle-arrow) { color:var(--agency-ink,#242A2E) !important; }
 .agency-v2 body.product-home #practice .agency-practice-row[href="#gem"] .agency-circle-arrow { border-color:#242A2E66 !important; }
/* Hover foreground for both cards: ink on the white disc (GEM's white rest ink would be invisible there). */
html:not(.practice-white).agency-v2 body.product-home #practice .agency-practice-row:hover .agency-circle-arrow { color:#4B5356 !important; border-color:#4B5356 !important; }