.elementor-1303 .elementor-element.elementor-element-162080b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1303 .elementor-element.elementor-element-162080b:not(.elementor-motion-effects-element-type-background), .elementor-1303 .elementor-element.elementor-element-162080b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDE7D5;}.elementor-1303 .elementor-element.elementor-element-6b0d02b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1303 .elementor-element.elementor-element-fec9dc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:1px;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(21px/2);}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(21px/2);}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(21px/2);}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-21px/2);}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-21px/2);}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-item:not(:last-child):after{content:"";height:48%;border-color:#6B5D4D;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-icon i{color:#6B5D4D;transition:color 0.3s;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-icon svg{fill:#6B5D4D;transition:fill 0.3s;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-item > a{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:0.4px;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-text{color:#6B5D4D;transition:color 0.3s;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#B8451E;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1303 .elementor-element.elementor-element-094ee90{margin:0px -250px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-094ee90 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:65px;font-weight:400;color:#1A1410;}.elementor-1303 .elementor-element.elementor-element-a7f1284{margin:0px -250px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-a7f1284 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:65px;font-weight:400;color:#1A1410;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1303 .elementor-element.elementor-element-70405f1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Manrope", Sans-serif;font-size:16.5px;font-weight:400;line-height:27px;color:#2C241D;}.elementor-1303 .elementor-element.elementor-element-e1da7dc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1303 .elementor-element.elementor-element-016be35 .elementor-button{background-color:#B7441E;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B7441E;border-radius:30px 30px 30px 30px;padding:16px 25px 16px 25px;}.elementor-1303 .elementor-element.elementor-element-016be35 .elementor-button:hover, .elementor-1303 .elementor-element.elementor-element-016be35 .elementor-button:focus{background-color:#080808;color:#FFFFFF;border-color:#000000;}.elementor-1303 .elementor-element.elementor-element-016be35{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-016be35 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1303 .elementor-element.elementor-element-016be35 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-1303 .elementor-element.elementor-element-016be35 .elementor-button:hover svg, .elementor-1303 .elementor-element.elementor-element-016be35 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1303 .elementor-element.elementor-element-62c0f18 .elementor-button{background-color:#B7441E;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B7441E;border-radius:30px 30px 30px 30px;padding:16px 25px 16px 25px;}.elementor-1303 .elementor-element.elementor-element-62c0f18 .elementor-button:hover, .elementor-1303 .elementor-element.elementor-element-62c0f18 .elementor-button:focus{background-color:#080808;color:#FFFFFF;border-color:#000000;}.elementor-1303 .elementor-element.elementor-element-62c0f18{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-62c0f18 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1303 .elementor-element.elementor-element-62c0f18 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-1303 .elementor-element.elementor-element-62c0f18 .elementor-button:hover svg, .elementor-1303 .elementor-element.elementor-element-62c0f18 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1303 .elementor-element.elementor-element-596f834{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1303 .elementor-element.elementor-element-878de3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1303 .elementor-element.elementor-element-d443a81{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1303 .elementor-element.elementor-element-cc3a719{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1303 .elementor-element.elementor-element-bf83f97{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.22em;color:#B8451E;}.elementor-1303 .elementor-element.elementor-element-6dccd10{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1303 .elementor-element.elementor-element-6dccd10 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:50px;font-weight:500;color:#1A1410;}.elementor-1303 .elementor-element.elementor-element-3558112{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1303 .elementor-element.elementor-element-b89c401{margin:10px -150px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Manrope", Sans-serif;font-size:16.5px;font-weight:400;line-height:27px;color:#2C241D;}.elementor-1303 .elementor-element.elementor-element-d7cbc60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1303 .elementor-element.elementor-element-e6062e3{--display:flex;}.elementor-1303 .elementor-element.elementor-element-2ff5d95{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-7ed7395{--display:flex;}.elementor-1303 .elementor-element.elementor-element-ac4afde{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-f5132f3{--display:flex;}.elementor-1303 .elementor-element.elementor-element-c6f4dbd{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-517f7bd{--display:flex;}.elementor-1303 .elementor-element.elementor-element-5d28db9{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-902a35a{--display:flex;}.elementor-1303 .elementor-element.elementor-element-e062d6f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-77cf6a4{--display:flex;}.elementor-1303 .elementor-element.elementor-element-b1c0ed5{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-0b6d4ca{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:26px 26px 26px 26px;--n-tabs-title-padding-top:13px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:13px;--n-tabs-title-padding-left:30px;--n-tabs-title-color:#494949;--n-tabs-title-color-active:#FFFFFF;}.elementor-1303 .elementor-element.elementor-element-0b6d4ca > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#EBE1CD;}.elementor-1303 .elementor-element.elementor-element-0b6d4ca.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#141313;}.elementor-1303 .elementor-element.elementor-element-0b6d4ca.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1303 .elementor-element.elementor-element-0b6d4ca.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0E0D0D;}.elementor-1303 .elementor-element.elementor-element-0b6d4ca.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#C4C4C4;}.elementor-1303 .elementor-element.elementor-element-5052687:not(.elementor-motion-effects-element-type-background), .elementor-1303 .elementor-element.elementor-element-5052687 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tradepropainting.com/wp-content/uploads/2026/05/tmpwr48hcgz.webp");background-position:center center;background-size:cover;}.elementor-1303 .elementor-element.elementor-element-5052687 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1303 .elementor-element.elementor-element-5052687 > .elementor-container{max-width:1200px;min-height:40vh;}.elementor-1303 .elementor-element.elementor-element-5052687{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 0px 0px;}.elementor-1303 .elementor-element.elementor-element-17fcaa3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1303 .elementor-element.elementor-element-5a56a51{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:start;}.elementor-1303 .elementor-element.elementor-element-5a56a51 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:3.5em;font-weight:500;color:var( --e-global-color-accent );}.elementor-1303 .elementor-element.elementor-element-0aaa8d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-icon{padding-inline-end:15px;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-item > a{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-text{color:var( --e-global-color-34ab791 );transition:color 0.3s;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-1303 .elementor-element.elementor-element-f56d657 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1303 .elementor-element.elementor-element-0d2dd41{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1303 .elementor-element.elementor-element-0d2dd41:not(.elementor-motion-effects-element-type-background), .elementor-1303 .elementor-element.elementor-element-0d2dd41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B8451E;}.elementor-1303 .elementor-element.elementor-element-a849002{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1303 .elementor-element.elementor-element-1cf8ff1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.22em;color:#B8451E;}.elementor-1303 .elementor-element.elementor-element-46cb156{margin:0px -250px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-46cb156 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:50px;font-weight:500;color:#F3F3F3;}.elementor-1303 .elementor-element.elementor-element-d538f98{margin:10px -150px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Manrope", Sans-serif;font-size:16.5px;font-weight:400;line-height:27px;color:#FAF5EA;}.elementor-1303 .elementor-element.elementor-element-3f30b14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button{background-color:#FFFFFF;font-family:"Lato", Sans-serif;font-size:1em;font-weight:800;letter-spacing:0.8px;fill:#000000;color:#000000;border-style:none;border-radius:30px 30px 30px 30px;padding:20px 84px 20px 84px;}.elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button:hover, .elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button:focus{background-color:#000000;color:#FFFFFF;border-color:var( --e-global-color-accent );}.elementor-1303 .elementor-element.elementor-element-1b68e29{width:auto;max-width:auto;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button:hover svg, .elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1303 .elementor-element.elementor-element-7ac0a45 .elementor-button{background-color:#FFFFFF00;font-family:"Lato", Sans-serif;font-size:1em;font-weight:800;letter-spacing:0.8px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:20px 105px 20px 105px;}.elementor-1303 .elementor-element.elementor-element-7ac0a45 .elementor-button:hover, .elementor-1303 .elementor-element.elementor-element-7ac0a45 .elementor-button:focus{background-color:#000000;color:#FFFFFF;border-color:var( --e-global-color-accent );}.elementor-1303 .elementor-element.elementor-element-7ac0a45{width:auto;max-width:auto;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-7ac0a45 .elementor-button:hover svg, .elementor-1303 .elementor-element.elementor-element-7ac0a45 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-1303 .elementor-element.elementor-element-70405f1{margin:0px -150px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-e1da7dc{--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-016be35{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 0px;}.elementor-1303 .elementor-element.elementor-element-62c0f18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 0px;}.elementor-1303 .elementor-element.elementor-element-b89c401{margin:0px -150px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-2ff5d95{--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-ac4afde{--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-c6f4dbd{--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-5d28db9{--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-e062d6f{--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-b1c0ed5{--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-5052687{padding:55px 30px 0px 30px;}.elementor-1303 .elementor-element.elementor-element-d538f98{margin:0px -150px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-1b68e29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 0px;}.elementor-1303 .elementor-element.elementor-element-7ac0a45{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 0px;}}@media(max-width:767px){.elementor-1303 .elementor-element.elementor-element-162080b{--padding-top:30px;--padding-bottom:0px;--padding-left:015px;--padding-right:15px;}.elementor-1303 .elementor-element.elementor-element-fec9dc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1303 .elementor-element.elementor-element-fec9dc7 .elementor-icon-list-item > a{font-size:13px;}.elementor-1303 .elementor-element.elementor-element-094ee90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-094ee90 .elementor-heading-title{font-size:30px;}.elementor-1303 .elementor-element.elementor-element-a7f1284{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-a7f1284 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-1303 .elementor-element.elementor-element-70405f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:15px;}.elementor-1303 .elementor-element.elementor-element-e1da7dc{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-016be35{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1303 .elementor-element.elementor-element-62c0f18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1303 .elementor-element.elementor-element-596f834{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1303 .elementor-element.elementor-element-d443a81{--padding-top:0px;--padding-bottom:0px;--padding-left:015px;--padding-right:015px;}.elementor-1303 .elementor-element.elementor-element-6dccd10{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-6dccd10 .elementor-heading-title{font-size:30px;}.elementor-1303 .elementor-element.elementor-element-b89c401{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;}.elementor-1303 .elementor-element.elementor-element-2ff5d95{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-ac4afde{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-c6f4dbd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-5d28db9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-e062d6f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-b1c0ed5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1303 .elementor-element.elementor-element-5052687 > .elementor-container{min-height:35vh;}.elementor-1303 .elementor-element.elementor-element-5052687{padding:40px 20px 0px 20px;}.elementor-1303 .elementor-element.elementor-element-5a56a51{text-align:center;}.elementor-1303 .elementor-element.elementor-element-5a56a51 .elementor-heading-title{font-size:25px;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1303 .elementor-element.elementor-element-0aaa8d8 .elementor-icon-list-item > a{font-size:13px;}.elementor-1303 .elementor-element.elementor-element-0d2dd41{--padding-top:40px;--padding-bottom:40px;--padding-left:015px;--padding-right:015px;}.elementor-1303 .elementor-element.elementor-element-46cb156{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-46cb156 .elementor-heading-title{font-size:30px;}.elementor-1303 .elementor-element.elementor-element-d538f98{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;line-height:25px;}.elementor-1303 .elementor-element.elementor-element-1b68e29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-1b68e29 .elementor-button{padding:10px 40px 10px 40px;}.elementor-1303 .elementor-element.elementor-element-7ac0a45{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1303 .elementor-element.elementor-element-7ac0a45 .elementor-button{padding:10px 40px 10px 40px;}}@media(min-width:768px){.elementor-1303 .elementor-element.elementor-element-6b0d02b{--width:50%;}.elementor-1303 .elementor-element.elementor-element-e1da7dc{--width:86%;}.elementor-1303 .elementor-element.elementor-element-596f834{--width:50%;}.elementor-1303 .elementor-element.elementor-element-cc3a719{--width:40%;}.elementor-1303 .elementor-element.elementor-element-3558112{--width:60%;}.elementor-1303 .elementor-element.elementor-element-17fcaa3{width:55%;}.elementor-1303 .elementor-element.elementor-element-f56d657{width:45%;}.elementor-1303 .elementor-element.elementor-element-a849002{--width:50%;}.elementor-1303 .elementor-element.elementor-element-3f30b14{--width:50%;}}/* Start custom CSS for icon-list, class: .elementor-element-fec9dc7 */.bread .elementor-icon-list-item:not(:last-child):after {
    content: "";
    height: 48%;
    border-color: #6B5D4D;
    transform: rotate3d(1, 1, 1, 45deg);
}
.bread ul li:last-child  span{
    color: #b8451e !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7450232 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6c7b62 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73ed754 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d303a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94b6a3d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48287ea */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d001a17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a25c1 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89b4530 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832260 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2694aa */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a00395 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2142e0 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be62599 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-466c53d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037aaa9 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06ffa3 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a82d53 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7876917 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8167f15 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8881893 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b7d0a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dab66 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2c3fbd */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f067695 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3a350b */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad448f */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3864ba */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d608387 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-252ca64 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66467a6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae14b6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f16f35 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-139c887 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f216280 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eecc942 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2660727 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aae8c7 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637f8bf */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31de3ec */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be9c17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e4e79 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eea9678 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb43b52 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdebe7c */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55f5b21 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c6d16 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e664a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7450232 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6c7b62 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73ed754 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d303a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94b6a3d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48287ea */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d001a17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a25c1 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89b4530 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832260 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2694aa */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a00395 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2142e0 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be62599 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-466c53d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037aaa9 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06ffa3 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a82d53 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7876917 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8167f15 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8881893 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b7d0a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dab66 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2c3fbd */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f067695 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3a350b */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad448f */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3864ba */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d608387 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-252ca64 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66467a6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae14b6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f16f35 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-139c887 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f216280 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eecc942 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2660727 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aae8c7 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637f8bf */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31de3ec */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be9c17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e4e79 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eea9678 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb43b52 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdebe7c */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55f5b21 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c6d16 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e664a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7450232 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6c7b62 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73ed754 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d303a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94b6a3d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48287ea */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d001a17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a25c1 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89b4530 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832260 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2694aa */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a00395 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2142e0 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be62599 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-466c53d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037aaa9 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06ffa3 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a82d53 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7876917 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8167f15 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8881893 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b7d0a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dab66 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2c3fbd */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f067695 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3a350b */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad448f */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3864ba */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d608387 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-252ca64 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66467a6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae14b6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f16f35 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-139c887 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f216280 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eecc942 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2660727 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aae8c7 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637f8bf */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31de3ec */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be9c17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e4e79 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eea9678 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb43b52 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdebe7c */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55f5b21 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c6d16 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e664a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7450232 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6c7b62 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73ed754 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d303a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94b6a3d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48287ea */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d001a17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a25c1 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89b4530 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832260 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2694aa */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a00395 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2142e0 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be62599 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-466c53d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037aaa9 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06ffa3 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a82d53 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7876917 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8167f15 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8881893 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b7d0a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dab66 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2c3fbd */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f067695 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3a350b */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad448f */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3864ba */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d608387 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-252ca64 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66467a6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae14b6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f16f35 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-139c887 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f216280 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eecc942 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2660727 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aae8c7 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637f8bf */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31de3ec */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be9c17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e4e79 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eea9678 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb43b52 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdebe7c */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55f5b21 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c6d16 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e664a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7450232 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6c7b62 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73ed754 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d303a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94b6a3d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48287ea */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d001a17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a25c1 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89b4530 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832260 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2694aa */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a00395 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2142e0 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be62599 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-466c53d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037aaa9 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06ffa3 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a82d53 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7876917 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8167f15 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8881893 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b7d0a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dab66 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2c3fbd */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f067695 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3a350b */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad448f */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3864ba */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d608387 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-252ca64 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66467a6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae14b6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f16f35 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-139c887 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f216280 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eecc942 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2660727 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aae8c7 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637f8bf */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31de3ec */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be9c17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e4e79 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eea9678 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb43b52 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdebe7c */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55f5b21 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c6d16 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e664a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7450232 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6c7b62 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73ed754 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d303a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94b6a3d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48287ea */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d001a17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a25c1 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89b4530 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832260 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2694aa */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a00395 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2142e0 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be62599 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-466c53d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037aaa9 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06ffa3 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a82d53 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7876917 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8167f15 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8881893 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b7d0a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dab66 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2c3fbd */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f067695 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3a350b */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad448f */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3864ba */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d608387 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-252ca64 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66467a6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae14b6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f16f35 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-139c887 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f216280 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eecc942 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2660727 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aae8c7 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637f8bf */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31de3ec */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be9c17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e4e79 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eea9678 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb43b52 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdebe7c */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55f5b21 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c6d16 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e664a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7450232 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6c7b62 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73ed754 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d303a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94b6a3d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48287ea */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d001a17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40a25c1 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89b4530 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832260 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2694aa */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a00395 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2142e0 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be62599 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-466c53d */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037aaa9 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06ffa3 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a82d53 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7876917 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8167f15 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8881893 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b7d0a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7dab66 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2c3fbd */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f067695 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3a350b */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad448f */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3864ba */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d608387 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-252ca64 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66467a6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae14b6 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f16f35 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-139c887 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f216280 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eecc942 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2660727 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aae8c7 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637f8bf */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31de3ec */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be9c17 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e4e79 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eea9678 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb43b52 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdebe7c */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55f5b21 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c6d16 */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e664a */.city-card-region {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.city-card {
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 24px 26px;
    display: block;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
    position: relative;
    overflow: hidden;
}
.city-card-arrow svg {
    width: 13px;
    height: 13px;
    color: var(--ink);
    transition: transform .35s var(--ease);
}
.city-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    transition: all .35s var(--ease);
}
.city-card-meta {
    font-size: 12.5px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-card-name {
    font-family: var(--ff-d);
    font-size: 1.5rem;
    font-weight: 450;
    letter-spacing: -.015em;
    color: var(--ink);
    margin-bottom: 6px;
}
.city-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -20px rgba(26, 20, 16, .18);
    border-color: var(--clay-soft);
}
.city-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--clay);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s var(--ease);
}
.city-card:hover::before
 {
    transform: scaleX(1);
}
.city-card:hover .city-card-arrow {
    background: var(--clay);
    border-color: var(--clay);
}
.city-card:hover .city-card-arrow svg {
    color: var(--paper);
    transform: translate(2px, -2px);
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0b6d4ca */.count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    margin-left: 8px;
    background: #fff;
    color: var(--ink-mute);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    transition: all .3s var(--ease);
}
[aria-selected="true"] .count {
    background: #b8451e;
    color:#fff;
}/* End custom CSS */