/* CLP outbound city desk — scoped port of ZIP prototype */
.tm-main:has(.cll-ocd)>.uk-container{max-width:none;width:100%;padding:0;margin:0}
.tm-main:has(.cll-ocd){padding:0}
.cll-ocd{--paper:#f4f0e8;--paper-deep:#e8e0d3;--ink:#0c1b2a;--ink-soft:#344452;--ink-faint:#69747a;--verm:#c54532;--verm-dark:#a83324;--brass:#b18b57;--rule:rgba(12,27,42,.16);background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6}
.cll-ocd *,.cll-ocd *::before,.cll-ocd *::after{box-sizing:border-box;border-color:var(--rule)}
.cll-ocd h1,.cll-ocd h2,.cll-ocd h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-.035em}
.cll-ocd a{color:inherit;text-decoration:none}
.cll-ocd button,.cll-ocd input,.cll-ocd select{font:inherit}
.cll-ocd button{cursor:pointer}
.cll-ocd /* Editorial Cartography: a warm-paper,.cll-ocd ink-navy,.cll-ocd route-vermilion field guide for city-specific legal-market discovery. */



:root{ --paper:#f4f0e8; --paper-deep:#e8e0d3; --ink:#0c1b2a; --ink-soft:#344452; --ink-faint:#69747a; --verm:#c54532; --verm-dark:#a83324; --brass:#b18b57; --rule:rgba(12,27,42,.16); --background:var(--paper); --foreground:var(--ink); --card:#fbfaf6; --card-foreground:var(--ink); --popover:#fbfaf6; --popover-foreground:var(--ink); --primary:var(--verm); --primary-foreground:#fff; --secondary:var(--paper-deep); --secondary-foreground:var(--ink); --muted:#ece6dc; --muted-foreground:var(--ink-soft); --accent:#ece6dc; --accent-foreground:var(--ink); --destructive:#bd3129; --destructive-foreground:#fff; --border:var(--rule); --input:var(--rule); --ring:var(--verm); }.cll-ocd button,.cll-ocd input,.cll-ocd select{ font:inherit; }.cll-ocd button{ cursor:pointer; }.cll-ocd a{ color:inherit; text-decoration:none; }.cll-ocd h1,.cll-ocd h2,.cll-ocd h3,.cll-ocd p{ margin-top:0; }.cll-ocd h1,.cll-ocd h2,.cll-ocd h3{ font-family:"DM Serif Display",Georgia,serif; font-weight:400; line-height:1.02; letter-spacing:-.035em; }.cll-ocd ::selection{ color:#fff; background:var(--verm); }.cll-ocd .site-header{ height:78px; background:rgba(244,240,232,.94); border-bottom:1px solid var(--rule); position:sticky; top:0; z-index:30; backdrop-filter:blur(15px); }.cll-ocd .header-inner{ height:100%; max-width:1440px; margin:0 auto; padding:0 38px; display:flex; align-items:center; justify-content:space-between; gap:30px; }.cll-ocd .brand{ display:flex; align-items:center; gap:11px; flex-shrink:0; }.cll-ocd .brand span{ display:flex; flex-direction:column; line-height:1.05; }.cll-ocd .brand small{ color:var(--ink-faint); font:600 8px/1.25 "Manrope",sans-serif; letter-spacing:.19em; text-transform:uppercase; }.cll-ocd .brand strong{ margin-top:3px; font:600 13px/1.05 "Manrope",sans-serif; letter-spacing:-.035em; }.cll-ocd .brand strong i{ font-family:"DM Serif Display",Georgia,serif; font-weight:400; }.cll-ocd .route-mark{ position:relative; display:inline-block; width:32px; height:32px; flex:0 0 32px; }.cll-ocd .route-mark:before,.cll-ocd .route-mark:after,.cll-ocd .route-mark i,.cll-ocd .route-mark b,.cll-ocd .route-mark em{ content:""; position:absolute; display:block; }.cll-ocd .route-mark:before{ left:4px; top:4px; width:24px; height:24px; border:1.7px solid var(--verm); transform:rotate(45deg); }.cll-ocd .route-mark:after{ width:5px; height:5px; border-radius:50%; left:13.5px; top:13.5px; background:var(--verm); }.cll-ocd .route-mark i{ width:16px; height:1.5px; background:var(--paper); left:8px; top:15px; z-index:1; transform:rotate(-45deg); }.cll-ocd .route-mark b{ height:16px; width:1.5px; background:var(--paper); left:15px; top:8px; z-index:1; transform:rotate(-45deg); }.cll-ocd .route-mark em{ display:none; }.cll-ocd .site-header nav{ display:flex; gap:27px; align-items:center; margin-left:auto; }.cll-ocd .site-header nav a{ color:var(--ink-soft); font-size:12px; font-weight:700; letter-spacing:.04em; }.cll-ocd .site-header nav a:hover{ color:var(--verm); }.cll-ocd .header-cta{ border:0; background:none; padding:0; display:flex; gap:7px; align-items:center; color:var(--ink); font-size:12px; font-weight:800; }.cll-ocd .header-cta svg{ color:var(--verm); }.cll-ocd .header-cta:hover{ color:var(--verm); }.cll-ocd .primary-button{ display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid var(--verm); background:var(--verm); color:#fff; padding:14px 18px; font:800 11px/1 "Manrope",sans-serif; letter-spacing:.06em; text-transform:uppercase; transition:transform .16s cubic-bezier(.23,1,.32,1), background .16s; }.cll-ocd .primary-button:hover{ background:var(--verm-dark); transform:translateY(-2px); }.cll-ocd .primary-button:active{ transform:scale(.97); }.cll-ocd .text-button{ display:inline-flex; align-items:center; gap:8px; color:#fff; border:0; background:transparent; font:800 12px/1 "Manrope",sans-serif; }.cll-ocd .dark-text{ color:var(--ink); }.cll-ocd .text-button:hover{ color:var(--verm); }.cll-ocd .eyebrow,.cll-ocd .section-kicker,.cll-ocd .hero-kicker{ color:var(--verm); font:800 10px/1.2 "Manrope",sans-serif; text-transform:uppercase; letter-spacing:.16em; }.cll-ocd .section-number{ color:var(--verm); font:800 10px/1 "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; }.cll-ocd .section-pad{ padding:94px 0; border-bottom:1px solid var(--rule); }.cll-ocd .hub-hero{ min-height:620px; border-bottom:1px solid var(--rule); background:radial-gradient(circle at 84% 23%,rgba(197,69,50,.12),transparent 26%), linear-gradient(120deg,#f5f0e7 0%,#eae2d6 100%); overflow:hidden; }.cll-ocd .hub-hero-grid{ max-width:1280px; min-height:620px; margin:0 auto; padding:95px 38px 85px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:70px; }.cll-ocd .hub-hero h1{ max-width:760px; font-size:clamp(54px,6vw,88px); margin:20px 0 26px; }.cll-ocd .hub-hero p:not(.hero-kicker){ max-width:620px; color:var(--ink-soft); font-size:17px; line-height:1.8; }.cll-ocd .hero-actions{ margin-top:34px; display:flex; gap:26px; align-items:center; }.cll-ocd .hub-compass{ width:min(370px,92vw); height:min(370px,92vw); position:relative; justify-self:end; border:1px solid rgba(12,27,42,.22); border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(251,250,246,.45); }.cll-ocd .hub-compass:before,.cll-ocd .hub-compass:after{ content:""; position:absolute; background:rgba(12,27,42,.16); }.cll-ocd .hub-compass:before{ width:1px; height:100%; }.cll-ocd .hub-compass:after{ width:100%; height:1px; }.cll-ocd .hub-compass .route-mark{ position:absolute; top:-16px; background:var(--paper); }.cll-ocd .hub-compass p{ position:relative; z-index:2; margin:0; text-align:center; color:var(--ink); font-family:"DM Serif Display",Georgia,serif; font-size:33px!important; line-height:1.04!important; }.cll-ocd .hub-compass>span:last-child{ position:absolute; right:-12px; bottom:48px; padding:8px 11px; color:var(--ink-soft); background:var(--paper); font:800 9px/1 "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; transform:rotate(-90deg); }.cll-ocd .hub-compass-ring{ position:absolute; border:1px dashed rgba(197,69,50,.55); border-radius:50%; }.cll-ocd .ring-one{ width:73%; height:73%; }.cll-ocd .ring-two{ width:45%; height:45%; border-color:rgba(12,27,42,.27); }.cll-ocd .market-index{ max-width:1440px; margin:0 auto; padding:108px 38px; }.cll-ocd .index-heading{ display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:end; margin-bottom:54px; }.cll-ocd .index-heading h2,.cll-ocd .method-section h2,.cll-ocd .hub-governance h2{ font-size:clamp(37px,4.4vw,58px); margin:14px 0 0; max-width:680px; }.cll-ocd .index-heading h2 em{ color:var(--verm); font-style:normal; }.cll-ocd .index-heading>p{ color:var(--ink-soft); margin:0; max-width:480px; }.cll-ocd .market-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.cll-ocd .market-card{ height:460px; position:relative; overflow:hidden; color:#fff; background:var(--ink); }.cll-ocd .market-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.23,1,.32,1); }.cll-ocd .market-card:hover img{ transform:scale(1.06); }.cll-ocd .market-image-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,18,29,.22) 0%,rgba(7,18,29,.9) 88%); }.cll-ocd .market-card-top,.cll-ocd .market-card-body{ position:absolute; left:24px; right:24px; z-index:2; display:flex; justify-content:space-between; }.cll-ocd .market-card-top{ top:21px; font:800 10px/1 "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; }.cll-ocd .market-card-top small{ font:700 9px/1 "Manrope",sans-serif; letter-spacing:.1em; color:rgba(255,255,255,.7); }.cll-ocd .market-card-body{ bottom:24px; display:block; }.cll-ocd .market-card-body p{ color:#e8c8b4; margin:0 0 11px; font:700 9px/1 "Manrope",sans-serif; letter-spacing:.13em; }.cll-ocd .market-card h3{ margin:0; font-size:43px; }.cll-ocd .market-card-body>span{ color:rgba(255,255,255,.77); display:block; font-size:12px; }.cll-ocd .market-card a{ margin-top:24px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.35); padding-top:12px; font:800 10px/1 "Manrope",sans-serif; letter-spacing:.08em; text-transform:uppercase; }.cll-ocd .market-card a:hover{ color:#f3c6b0; }.cll-ocd .method-section{ max-width:1440px; margin:0 auto; padding:106px 38px; border-top:1px solid var(--rule); display:grid; grid-template-columns:.84fr 1.16fr; gap:90px; }.cll-ocd .method-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.cll-ocd .method-steps article{ border-top:2px solid var(--ink); padding-top:20px; }.cll-ocd .method-steps span{ color:var(--verm); font:800 11px/1 "Manrope",sans-serif; }.cll-ocd .method-steps h3{ margin:30px 0 14px; font-size:26px; }.cll-ocd .method-steps p{ color:var(--ink-soft); font-size:13px; }.cll-ocd .hub-governance{ max-width:1440px; margin:0 auto 100px; padding:74px 38px; background:var(--ink); color:#fff; display:grid; grid-template-columns:1fr .8fr; gap:100px; }.cll-ocd .hub-governance h2{ color:#fff; }.cll-ocd .hub-governance>div>p:not(.eyebrow){ max-width:620px; color:rgba(255,255,255,.75); margin:24px 0 0; }.cll-ocd .governance-stats{ border-left:1px solid rgba(255,255,255,.28); padding-left:46px; display:flex; flex-direction:column; justify-content:center; gap:23px; }.cll-ocd .governance-stats span{ display:flex; align-items:baseline; gap:15px; color:rgba(255,255,255,.75); font-size:12px; }.cll-ocd .governance-stats strong{ min-width:70px; color:#f2c3ad; font-family:"DM Serif Display",Georgia,serif; font-size:32px; font-weight:400; }.cll-ocd .city-hero{ min-height:576px; background-position:center; background-size:cover; color:#fff; }.cll-ocd .hero-grid{ max-width:1440px; min-height:576px; margin:0 auto; padding:40px 38px 64px; display:grid; grid-template-columns:minmax(0,780px) 1fr; gap:60px; align-items:end; }.cll-ocd .crumbs{ display:flex; align-items:center; gap:7px; margin-bottom:71px; color:rgba(255,255,255,.75); font-size:11px; }.cll-ocd .crumbs a{ text-decoration:underline; text-underline-offset:4px; }.cll-ocd .hero-kicker{ display:flex; align-items:center; gap:9px; color:#efb9a2; margin-bottom:17px; }.cll-ocd .hero-kicker span{ display:inline-block; width:28px; height:1px; background:currentColor; }.cll-ocd .city-hero h1{ max-width:700px; color:#fff; font-size:clamp(52px,5.4vw,80px); margin:0 0 22px; }.cll-ocd .hero-lede{ max-width:670px; margin:0; color:rgba(255,255,255,.86); font-size:16px; line-height:1.75; }.cll-ocd .city-hero .hero-actions{ margin-top:29px; }.cll-ocd .hero-annotation{ align-self:end; justify-self:end; border-left:1px solid rgba(255,255,255,.45); padding:8px 0 8px 19px; display:flex; flex-direction:column; min-width:180px; }.cll-ocd .hero-annotation span{ color:#f1bca5; font:700 9px/1 "Manrope",sans-serif; letter-spacing:.14em; text-transform:uppercase; }.cll-ocd .hero-annotation strong{ margin:10px 0 8px; font:400 22px/1 "DM Serif Display",Georgia,serif; }.cll-ocd .hero-annotation small{ color:rgba(255,255,255,.75); font:700 10px/1 "Manrope",sans-serif; letter-spacing:.08em; }.cll-ocd .desk-shell{ max-width:1440px; margin:0 auto; padding:0 38px; display:grid; grid-template-columns:220px minmax(0,1fr); gap:50px; }.cll-ocd .market-rail{ padding:94px 0 30px; position:sticky; top:78px; align-self:start; max-height:calc(100vh - 78px); overflow:auto; }.cll-ocd .rail-stamp{ color:var(--ink-soft); display:flex; align-items:center; gap:8px; font:700 10px/1 "Manrope",sans-serif; letter-spacing:.08em; }.cll-ocd .rail-rule{ height:1px; background:var(--rule); margin:24px 0; }.cll-ocd .market-rail .eyebrow{ margin-bottom:13px; }.cll-ocd .rail-routes{ display:flex; flex-direction:column; gap:5px; }.cll-ocd .rail-routes button{ border:0; padding:7px 0; background:transparent; display:flex; gap:9px; text-align:left; color:var(--ink-soft); font-size:11px; font-weight:700; }.cll-ocd .rail-routes button span{ width:20px; color:var(--brass); font-size:9px; }.cll-ocd .rail-routes button.is-active,.cll-ocd .rail-routes button:hover{ color:var(--verm); }.cll-ocd .rail-jump{ display:flex; align-items:center; gap:8px; margin:10px 0; color:var(--ink-soft); font-size:11px; font-weight:700; }.cll-ocd .rail-jump:hover{ color:var(--verm); }.cll-ocd .desk-content{ min-width:0; }.cll-ocd .intro-section{ display:grid; grid-template-columns:1.06fr .94fr; gap:64px; }.cll-ocd .intro-section .section-number{ grid-column:1/-1; }.cll-ocd .prose-column h2{ max-width:600px; font-size:clamp(41px,4.4vw,61px); margin:15px 0 22px; }.cll-ocd .intro-lede{ max-width:610px; color:var(--ink-soft); font-size:16px; line-height:1.85; }.cll-ocd .margin-copy{ border-left:1px solid var(--rule); padding:7px 0 0 25px; align-self:end; }.cll-ocd .margin-copy p{ color:var(--ink-soft); font-size:13px; line-height:1.78; }.cll-ocd .margin-copy p+p{ margin-top:20px; }.cll-ocd .section-heading{ display:grid; grid-template-columns:1fr .76fr; gap:55px; align-items:end; margin-bottom:41px; }.cll-ocd .section-heading h2,.cll-ocd .router-intro h2,.cll-ocd .consult-section h2,.cll-ocd .directory-intro h2,.cll-ocd .faq-panel h2,.cll-ocd .guide-panel h2,.cll-ocd .related-section h2{ font-size:clamp(37px,4vw,53px); margin:15px 0 0; }.cll-ocd .section-heading>p{ max-width:400px; margin:0; color:var(--ink-soft); font-size:13px; line-height:1.75; }.cll-ocd .route-stack{ border-top:1px solid var(--ink); }.cll-ocd .route-card{ width:100%; border:0; border-bottom:1px solid var(--rule); background:transparent; min-height:104px; padding:20px 4px; display:grid; grid-template-columns:48px 46px 1fr 25px; gap:12px; align-items:center; text-align:left; transition:padding .2s, background .2s; }.cll-ocd .route-card:hover,.cll-ocd .route-card.selected{ background:#ece4d9; padding-left:14px; padding-right:14px; }.cll-ocd .route-index{ color:var(--verm); font:800 10px/1 "Manrope",sans-serif; }.cll-ocd .route-icon{ display:grid; place-items:center; width:35px; height:35px; color:var(--ink); border:1px solid var(--rule); }.cll-ocd .route-icon svg{ width:17px; }.cll-ocd .route-copy{ display:flex; flex-direction:column; gap:4px; }.cll-ocd .route-copy strong{ font-family:"DM Serif Display",Georgia,serif; font-size:25px; font-weight:400; letter-spacing:-.02em; }.cll-ocd .route-copy small{ color:var(--ink-soft); font-size:12px; }.cll-ocd .route-arrow{ color:var(--verm); }.cll-ocd .route-detail{ margin-top:18px; padding:23px 26px; color:#fff; background:var(--ink); display:grid; grid-template-columns:.6fr 1fr auto; gap:25px; align-items:center; }.cll-ocd .route-detail h3{ font-size:28px; margin:8px 0 0; }.cll-ocd .route-detail p{ color:rgba(255,255,255,.78); margin:0; font-size:13px; }.cll-ocd .route-detail-cta{ white-space:nowrap; border:0; padding:0; color:#f4c4ad; display:flex; gap:8px; align-items:center; background:transparent; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.cll-ocd .practice-grid{ display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--ink); border-left:1px solid var(--rule); }.cll-ocd .practice-card{ min-height:270px; padding:25px; border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); position:relative; transition:background .2s; }.cll-ocd .practice-card:hover{ background:#eee6da; }.cll-ocd .practice-card-top{ display:flex; justify-content:space-between; align-items:center; }.cll-ocd .practice-card-top>span{ color:var(--verm); }.cll-ocd .practice-card-top svg{ width:20px; }.cll-ocd .practice-card-top small{ border:1px solid var(--rule); color:var(--ink-faint); padding:5px 7px; font:700 8px/1 "Manrope",sans-serif; letter-spacing:.09em; text-transform:uppercase; }.cll-ocd .practice-card h3{ margin:39px 0 10px; font-size:28px; }.cll-ocd .practice-card p{ color:var(--ink-soft); font-size:12px; line-height:1.7; }.cll-ocd .practice-card button,.cll-ocd .practice-card a{ margin-top:13px; border:0; padding:0; color:var(--verm); display:flex; align-items:center; gap:8px; background:transparent; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.cll-ocd svg{width:16px;height:16px;flex:0 0 auto}
.cll-ocd .primary-button svg,.cll-ocd .text-button svg,.cll-ocd .route-detail-cta svg{width:17px;height:17px}.cll-ocd .directory-section{ display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; }.cll-ocd .directory-intro p:not(.section-number){ max-width:460px; color:var(--ink-soft); font-size:14px; line-height:1.8; margin:22px 0 0; }.cll-ocd .directory-gate{ padding:35px; background:#ece5da; border-top:2px solid var(--brass); }.cll-ocd .gate-icon{ width:44px; height:44px; display:grid; place-items:center; color:var(--verm); border:1px solid rgba(197,69,50,.4); margin-bottom:28px; }.cll-ocd .directory-gate h3{ max-width:460px; margin:11px 0 13px; font-size:29px; }.cll-ocd .directory-gate p:not(.eyebrow){ color:var(--ink-soft); font-size:12px; line-height:1.75; }.cll-ocd .directory-gate a{ margin-top:15px; display:flex; align-items:center; gap:8px; color:var(--verm); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.cll-ocd .router-section{ position:relative; }.cll-ocd .router-intro{ display:grid; grid-template-columns:100px 1fr; column-gap:29px; margin-bottom:42px; }.cll-ocd .router-intro .section-number{ grid-row:1/4; writing-mode:vertical-rl; transform:rotate(180deg); border-left:1px solid var(--rule); padding-left:10px; }.cll-ocd .router-intro h2{ margin:10px 0 16px; }.cll-ocd .router-intro>p:last-child{ max-width:610px; color:var(--ink-soft); margin:0; font-size:13px; }.cll-ocd .router-table{ border-top:1px solid var(--ink); }.cll-ocd .router-head,.cll-ocd .router-row{ display:grid; grid-template-columns:1.14fr .5fr .56fr 1.4fr; gap:15px; align-items:center; }.cll-ocd .router-head{ min-height:46px; border-bottom:1px solid var(--rule); color:var(--ink-faint); font:800 9px/1 "Manrope",sans-serif; letter-spacing:.11em; text-transform:uppercase; }.cll-ocd .router-row{ min-height:91px; border-bottom:1px solid var(--rule); }.cll-ocd .router-row>strong{ font:400 20px/1.15 "DM Serif Display",Georgia,serif; letter-spacing:-.02em; }.cll-ocd .router-row p{ color:var(--ink-soft); margin:0; font-size:11px; line-height:1.62; }.cll-ocd .counsel-badge{ display:inline-flex; width:max-content; padding:5px 7px; font:800 8px/1 "Manrope",sans-serif; letter-spacing:.07em; text-transform:uppercase; }.cll-ocd .counsel-badge.china{ color:#fff; background:var(--ink); }.cll-ocd .counsel-badge.local{ color:var(--ink); background:#dbcbba; }.cll-ocd .counsel-badge.both{ color:#fff; background:var(--verm); }.cll-ocd .counsel-badge.maybe{ color:var(--ink-soft); border:1px solid var(--rule); }.cll-ocd .router-legend{ padding-top:16px; display:flex; gap:19px; color:var(--ink-faint); font-size:10px; font-weight:700; }.cll-ocd .router-legend span{ display:flex; align-items:center; gap:6px; }.cll-ocd .router-legend i{ width:6px; height:6px; border-radius:50%; }.cll-ocd .china-dot{background:var(--ink)}.cll-ocd .local-dot{background:#dbcbba}.cll-ocd .both-dot{background:var(--verm)}.cll-ocd .consult-section{ display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }.cll-ocd .consult-section>div>p:not(.section-number){ max-width:410px; color:var(--ink-soft); margin:22px 0 28px; font-size:13px; }.cll-ocd .prep-list{ border-top:1px solid var(--ink); }.cll-ocd .prep-list>div{ padding:15px 0; border-bottom:1px solid var(--rule); display:grid; grid-template-columns:42px 1fr; gap:8px; }.cll-ocd .prep-list span{ color:var(--verm); font:800 10px/1 "Manrope",sans-serif; padding-top:4px; }.cll-ocd .prep-list p{ color:var(--ink-soft); margin:0; font-size:12px; }.cll-ocd .prep-list strong{ color:var(--ink); }.cll-ocd .context-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.cll-ocd .context-list article{ padding-top:16px; border-top:2px solid var(--brass); }.cll-ocd .context-list article>div{ display:flex; justify-content:space-between; color:var(--verm); font:800 10px/1 "Manrope",sans-serif; letter-spacing:.1em; text-transform:uppercase; }.cll-ocd .context-list article>div p{ color:var(--ink-faint); margin:0; font-size:9px; }.cll-ocd .context-list h3{ margin:35px 0 13px; font-size:29px; }.cll-ocd .context-list article>p{ color:var(--ink-soft); font-size:12px; line-height:1.72; }.cll-ocd .faq-guides{ display:grid; grid-template-columns:1.2fr .8fr; gap:50px; }.cll-ocd .faq-panel h2,.cll-ocd .guide-panel h2{ margin-bottom:29px; }.cll-ocd .faq-list{ border-top:1px solid var(--ink); }.cll-ocd .faq-item{ border-bottom:1px solid var(--rule); }.cll-ocd .faq-item button{ width:100%; background:none; border:0; padding:20px 0; display:flex; align-items:center; justify-content:space-between; text-align:left; color:var(--ink); font:600 15px/1.35 "Manrope",sans-serif; }.cll-ocd .faq-item button svg{ transition:transform .2s; flex:0 0 auto; }.cll-ocd .faq-item.open button svg{ transform:rotate(180deg); color:var(--verm); }.cll-ocd .faq-answer{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .22s cubic-bezier(.23,1,.32,1); }.cll-ocd .faq-answer>p{ overflow:hidden; margin:0; color:var(--ink-soft); font-size:12px; line-height:1.75; }.cll-ocd .faq-item.open .faq-answer{ grid-template-rows:1fr; }.cll-ocd .faq-item.open .faq-answer>p{ padding:0 28px 21px 0; }.cll-ocd .guide-panel{ padding-left:36px; border-left:1px solid var(--rule); }.cll-ocd .guide-card{ border-top:1px solid var(--ink); padding:17px 0 16px; position:relative; }.cll-ocd .guide-card>span{ color:var(--ink-faint); font:700 9px/1 "Manrope",sans-serif; letter-spacing:.07em; text-transform:uppercase; }.cll-ocd .guide-card h3{ max-width:270px; margin:11px 0 4px; font-size:25px; }.cll-ocd .guide-card button{ position:absolute; right:0; bottom:18px; width:30px; height:30px; display:grid; place-items:center; color:var(--verm); border:1px solid var(--verm); border-radius:50%; background:transparent; }.cll-ocd .qa-section{ background:var(--ink); color:#fff; margin:0 -38px; padding:71px 38px; display:grid; grid-template-columns:1fr 1.14fr .5fr; gap:45px; align-items:center; }.cll-ocd .qa-title h2{ font-size:38px; margin:12px 0 0; }.cll-ocd .qa-list{ border-left:1px solid rgba(255,255,255,.28); padding-left:34px; }.cll-ocd .qa-list p{ color:rgba(255,255,255,.78); margin:12px 0; display:flex; gap:8px; align-items:flex-start; font-size:11px; line-height:1.45; }.cll-ocd .qa-list svg{ color:#f4b9a1; flex:0 0 auto; }.cll-ocd .score{ display:flex; flex-direction:column; border-top:1px solid rgba(255,255,255,.4); padding-top:16px; }.cll-ocd .score>span,.cll-ocd .score small{ color:rgba(255,255,255,.72); font:700 9px/1.4 "Manrope",sans-serif; letter-spacing:.08em; text-transform:uppercase; }.cll-ocd .score strong{ color:#f3c4ae; font:400 56px/.9 "DM Serif Display",Georgia,serif; margin:12px 0 13px; }.cll-ocd .score strong span{ font-size:26px; }.cll-ocd .related-section{ padding-bottom:110px; }.cll-ocd .related-section>div:last-child{ margin-top:33px; border-top:1px solid var(--ink); }.cll-ocd .related-section a{ min-height:58px; border-bottom:1px solid var(--rule); display:grid; grid-template-columns:50px 1fr 25px; align-items:center; color:var(--ink); font:400 23px/1 "DM Serif Display",Georgia,serif; }.cll-ocd .related-section a span{ color:var(--verm); font:800 10px/1 "Manrope",sans-serif; }.cll-ocd .related-section a svg{ color:var(--verm); }.cll-ocd .related-section a:hover{ padding-left:10px; color:var(--verm); }.cll-ocd .final-cta{ min-height:286px; background:var(--verm); color:#fff; display:flex; align-items:center; justify-content:space-between; gap:35px; padding:62px max(38px,calc((100vw - 1364px)/2)); }.cll-ocd .final-cta .eyebrow{ color:#f6c9b2; }.cll-ocd .final-cta h2{ max-width:820px; font-size:clamp(37px,4.3vw,59px); margin:16px 0 0; }.cll-ocd .final-cta .primary-button{ background:#fff; border-color:#fff; color:var(--ink); white-space:nowrap; }.cll-ocd .final-cta .primary-button:hover{ background:var(--ink); border-color:var(--ink); color:#fff; }.cll-ocd .site-footer{ max-width:1440px; min-height:146px; margin:0 auto; padding:35px 38px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; align-items:center; }.cll-ocd .site-footer>p{ color:var(--ink-soft); margin:0; text-align:center; font-size:11px; }.cll-ocd .site-footer>span{ color:var(--ink-faint); font:700 9px/1.4 "Manrope",sans-serif; letter-spacing:.08em; text-transform:uppercase; text-align:right; }.cll-ocd .intro-drawer{ position:fixed; inset:0; z-index:50; pointer-events:none; }.cll-ocd .intro-drawer.is-open{ pointer-events:auto; }.cll-ocd .drawer-backdrop{ position:absolute; inset:0; border:0; background:rgba(7,18,29,.56); opacity:0; transition:opacity .24s; }.cll-ocd .is-open .drawer-backdrop{ opacity:1; }.cll-ocd .drawer-panel{ width:min(520px,100%); min-height:100%; overflow:auto; position:absolute; top:0; right:0; padding:35px 40px; background:#fbfaf6; transform:translateX(100%); transition:transform .3s cubic-bezier(.23,1,.32,1); }.cll-ocd .is-open .drawer-panel{ transform:translateX(0); }.cll-ocd .drawer-close{ margin:0 0 72px auto; display:flex; gap:8px; align-items:center; border:0; padding:0; background:transparent; color:var(--ink-soft); font:800 10px/1 "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; }.cll-ocd .drawer-close span{ color:var(--verm); font:26px/1 Arial; }.cll-ocd .drawer-panel h2{ font-size:48px; margin:13px 0 18px; }.cll-ocd .drawer-copy{ color:var(--ink-soft); font-size:13px; }.cll-ocd .drawer-panel form{ margin-top:29px; }.cll-ocd .drawer-panel label{ display:flex; flex-direction:column; gap:7px; margin:16px 0; color:var(--ink); font-size:11px; font-weight:800; }.cll-ocd .drawer-panel input,.cll-ocd .drawer-panel select{ width:100%; border:1px solid var(--rule); border-radius:0; outline:0; background:#fff; color:var(--ink); padding:12px; font:400 13px "Manrope",sans-serif; }.cll-ocd .drawer-panel input:focus,.cll-ocd .drawer-panel select:focus{ border-color:var(--verm); box-shadow:0 0 0 2px rgba(197,69,50,.12); }.cll-ocd .drawer-panel form .primary-button{ margin-top:12px; width:100%; }.cll-ocd .form-note{ color:var(--ink-faint); margin-top:15px; font-size:10px; line-height:1.65; }.cll-ocd .drawer-success{ padding-top:150px; }.cll-ocd .drawer-success>span{ display:grid; place-items:center; width:50px; height:50px; color:var(--verm); border:1px solid var(--verm); border-radius:50%; margin-bottom:25px; }.cll-ocd .drawer-success p:not(.eyebrow){ color:var(--ink-soft); font-size:13px; }.cll-ocd .drawer-success .primary-button{ margin-top:22px; }.cll-ocd .brand{ gap:13px; }.cll-ocd .brand small{ font-weight:800; font-size:7px; letter-spacing:.25em; }.cll-ocd .brand strong{ margin-top:4px; font-weight:800; font-size:12px; letter-spacing:.09em; text-transform:uppercase; }.cll-ocd .brand strong i{ font-size:15px; letter-spacing:-.02em; text-transform:none; }.cll-ocd .site-header .brand:after{ content:""; height:23px; width:1px; background:var(--verm); margin-left:3px; opacity:.75; }.cll-ocd .route-mark{ width:35px; height:35px; flex-basis:35px; }.cll-ocd .route-mark:before{ width:27px; height:27px; border-width:1.8px; }.cll-ocd .route-mark:after{ left:15px; top:15px; }.cll-ocd .route-mark i{ width:17px; left:9px; top:16.5px; }.cll-ocd .route-mark b{ height:17px; left:16.5px; top:9px; }.cll-ocd .section-number{ display:flex; align-items:center; gap:10px; }.cll-ocd .section-number:after{ content:""; display:block; width:28px; height:1px; background:var(--verm); box-shadow:36px 0 0 -.25px rgba(197,69,50,.33); }.cll-ocd .section-pad{ position:relative; }.cll-ocd .section-pad:before{ content:""; position:absolute; left:-24px; top:94px; width:6px; height:6px; border:1px solid var(--verm); transform:rotate(45deg); opacity:.85; }.cll-ocd .market-signature{ grid-column:1/-1; margin-top:8px; padding:18px 21px; display:grid; grid-template-columns:.8fr 1.55fr .85fr; gap:22px; align-items:center; border-top:1px solid var(--ink); border-bottom:1px solid var(--rule); background:linear-gradient(90deg,rgba(197,69,50,.055),transparent 63%); }.cll-ocd .market-signature div{ display:flex; flex-direction:column; gap:6px; }.cll-ocd .market-signature span,.cll-ocd .market-signature small{ color:var(--verm); font:800 9px/1.25 "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; }.cll-ocd .market-signature strong{ font:400 24px/1.05 "DM Serif Display",Georgia,serif; letter-spacing:-.025em; }.cll-ocd .market-signature p{ color:var(--ink-soft); margin:0; font-size:12px; line-height:1.62; }.cll-ocd .market-signature small{ color:var(--ink-faint); text-align:right; line-height:1.5; }.cll-ocd .practice-section{ margin:0 -32px; padding:82px 32px; background:#ede6da; }.cll-ocd .practice-card{ background:rgba(251,250,246,.4); }.cll-ocd .practice-card:hover{ background:#f7f2ea; }.cll-ocd .consult-section{ margin:0 -32px; padding:82px 32px; background:linear-gradient(130deg,#e8dfd3 0%,#f4f0e8 68%); }.cll-ocd .site-footer .brand .route-mark{ transform:scale(1.12); transform-origin:left center; margin-right:2px; }@media (max-width:720px){ .site-header .brand:after { height:18px; }.brand strong { font-size:10px; }.route-mark { transform:scale(.84); transform-origin:left center; width:29px; }.section-pad:before { display:none; }.market-signature { display:block; padding:18px 0; margin-top:29px; background:none; }.market-signature p { margin:14px 0; }.market-signature small { display:block; text-align:left; }.practice-section,.consult-section { margin:0 -20px; padding:65px 20px; } }@media (max-width:1050px){ .site-header nav { display:none; }.hub-hero-grid { grid-template-columns:1fr .63fr; gap:20px; }.market-cards { grid-template-columns:repeat(2,1fr); }.market-card { height:390px; }.desk-shell { grid-template-columns:1fr; }.market-rail { display:none; }.qa-section { grid-template-columns:1fr 1fr; }.score { grid-column:1/-1; width:180px; }.city-hero { min-height:535px; }.hero-grid { grid-template-columns:1fr; }.hero-annotation { justify-self:start; margin-top:15px; }.crumbs { margin-bottom:51px; } }@media (max-width:720px){ .site-header { height:66px; }.header-inner { padding:0 19px; }.header-cta { font-size:10px; }.brand strong { font-size:11px; }.route-mark { transform:scale(.88); transform-origin:left center; width:28px; }.hub-hero { min-height:auto; }.hub-hero-grid { min-height:auto; padding:68px 20px 44px; display:block; }.hub-hero h1 { font-size:51px; }.hub-hero p:not(.hero-kicker) { font-size:14px; }.hub-compass { width:190px; height:190px; margin:49px 0 5px auto; }.hub-compass p { font-size:21px!important; }.hub-compass>span:last-child { bottom:25px; right:-24px; font-size:7px; }.hero-actions { gap:18px; flex-wrap:wrap; }.market-index,.method-section { padding:68px 20px; }.index-heading,.method-section { display:block; }.index-heading>p { margin-top:21px; }.market-cards { grid-template-columns:1fr; }.market-card { height:360px; }.method-steps { display:block; margin-top:42px; }.method-steps article { margin-top:30px; }.hub-governance { margin:0 20px 65px; padding:48px 25px; display:block; }.governance-stats { margin-top:34px; border-left:0; padding-left:0; }.city-hero { min-height:610px; background-position:63% center; }.hero-grid { min-height:610px; padding:24px 20px 42px; gap:0; }.crumbs { font-size:9px; margin-bottom:auto; }.city-hero h1 { font-size:51px; }.hero-lede { font-size:14px; }.hero-annotation { display:none; }.desk-shell { display:block; padding:0 20px; }.section-pad { padding:65px 0; }.intro-section,.section-heading,.directory-section,.consult-section,.faq-guides { display:block; }.intro-section .section-number { margin-bottom:22px; }.margin-copy { padding:19px 0 0; margin-top:28px; border-left:0; border-top:1px solid var(--rule); }.section-heading>p { margin-top:19px; }.route-card { grid-template-columns:34px 36px 1fr 20px; gap:7px; }.route-copy strong { font-size:22px; }.route-copy small { font-size:11px; }.route-detail { display:block; padding:22px; }.route-detail p { margin:15px 0; }.practice-grid { grid-template-columns:1fr; }.practice-card { min-height:235px; }.directory-gate { margin-top:32px; padding:27px; }.router-intro { display:block; }.router-intro .section-number { writing-mode:initial; transform:none; border:0; padding:0; }.router-intro .section-kicker { margin-top:21px; }.router-table { overflow-x:auto; }.router-head,.router-row { min-width:760px; grid-template-columns:220px 112px 130px 1fr; }.router-row { padding:14px 0; }.router-legend { flex-wrap:wrap; }.consult-section>div:first-child { margin-bottom:35px; }.context-list { display:block; }.context-list article { margin-top:32px; }.guide-panel { margin-top:53px; padding:0; border:0; }.qa-section { margin:0 -20px; padding:52px 20px; display:block; }.qa-list { margin-top:30px; padding:0; border-left:0; }.score { margin-top:30px; }.related-section { padding-bottom:70px; }.related-section a { font-size:21px; }.final-cta { padding:48px 20px; display:block; }.final-cta .primary-button { margin-top:28px; }.site-footer { padding:30px 20px; display:block; }.site-footer>p,.site-footer>span { display:block; text-align:left; margin-top:18px; }.drawer-panel { padding:26px 24px; }.drawer-close { margin-bottom:48px; }.drawer-panel h2 { font-size:41px; } }@media (prefers-reduced-motion:no-preference){ .section-pad,.market-card,.method-steps article { animation:rise .55s cubic-bezier(.23,1,.32,1) both; } .market-card:nth-child(2),.method-steps article:nth-child(2){animation-delay:.06s}.market-card:nth-child(3),.method-steps article:nth-child(3){animation-delay:.12s}.market-card:nth-child(4){animation-delay:.18s}@keyframes rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } } }.cll-ocd .hero-editorial-line{ margin:16px 0 10px; max-width:780px; color:#f0b39d; font:400 clamp(24px,2.5vw,36px)/1.08 "DM Serif Display",Georgia,serif; letter-spacing:-.02em; }.cll-ocd .directory-actions{ display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-top:22px; }.cll-ocd .directory-actions button{ border:0; padding:0; background:transparent; color:var(--verm); font:800 10px/1 "Manrope",sans-serif; letter-spacing:.08em; text-transform:uppercase; display:inline-flex; align-items:center; gap:8px; cursor:pointer; }.cll-ocd .directory-actions a{ display:inline-flex; align-items:center; gap:8px; }.cll-ocd .route-principle{ width:auto; min-width:210px; }.cll-ocd .route-principle strong{ display:block; margin:10px 0; font:400 27px/1.05 "DM Serif Display",Georgia,serif; letter-spacing:-.02em; }@media (max-width:720px){ .hero-editorial-line { font-size:27px; } .directory-actions { align-items:flex-start; flex-direction:column; } .route-principle { min-width:0; width:100%; } }