/* Curated Living — editorial design layer.
   Colors come from the Elementor kit (Site Settings → Global Colors); the illustrations
   are mixed from the same colors, so a new office brand re-colors the art too. */
.clv{--ink:var(--e-global-color-text,#0B1717);--muted:var(--e-global-color-secondary,#4D5B5C);--teal:var(--e-global-color-primary,#133E45);--teal-ink:color-mix(in srgb,var(--teal) 78%,#000);--stone:var(--e-global-color-cl_surface2,#E2E0D9);--paper:var(--e-global-color-cl_bg,#F9F9F7);--line:color-mix(in srgb,var(--ink) 12%,transparent);--amber:var(--e-global-color-accent,#C8812F);--on-dark:color-mix(in srgb,#fff 76%,var(--teal));
  --f:var(--e-global-typography-text-font-family,"Google Sans"),"Google Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--wrap:1240px;--gut:clamp(20px,4vw,48px);
  --cl-display:var(--f);--cl-body:var(--f);--cl-r:0px;--cl-r-sm:0px}
body.clv{font-family:var(--f);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
/* Hebrew has no capitals and is never letter-spaced */
html[lang^="he"] body.clv *,html[lang^="he"] body.clv *::before,html[lang^="he"] body.clv *::after{letter-spacing:0!important;text-transform:none!important}
body.clv ::selection{background:color-mix(in srgb,var(--teal) 22%,transparent);color:var(--ink)}
html.clv-lock{overflow:hidden}
.clv .clv-hf,.clv [class*="clv-"] *{box-sizing:border-box}

/* ---------- Elementor resets inside our sections ---------- */
.clv .e-con.cx{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;padding:0;gap:0;text-align:inherit}
.clv .e-con.cx>.elementor-widget{margin:0}
.clv .e-con.cx>.elementor-widget.d2:has(+.elementor-widget.lead){margin-bottom:22px}
.clv .e-con.cx>.elementor-widget.eyebrow{margin-bottom:18px}
.clv [class*="clv-"] .elementor-widget-heading .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;font-variation-settings:inherit;text-wrap:inherit;text-transform:none;margin:0}
.clv .e-con.w{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);width:100%}
.clv .clv-hf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;padding:0}

/* ---------- type ---------- */
.clv .eyebrow{font-size:14px;font-weight:500;letter-spacing:.04em;line-height:1.4;color:var(--teal);margin:0 0 18px}
.clv .eyebrow.lt,.clv-show .eyebrow,.clv-duo .p-copy .eyebrow{color:var(--on-dark)}
.clv .d1{font-size:calc(clamp(40px,5vw,70px) * var(--clv-hs,1));line-height:1.1;font-weight:400;letter-spacing:-.02em;font-variation-settings:"GRAD" -50;margin:0;text-wrap:balance;color:var(--ink)}
.clv .d2{font-size:calc(clamp(32px,4.2vw,54px) * var(--clv-hs,1));line-height:1.15;font-weight:400;letter-spacing:-.015em;font-variation-settings:"GRAD" -50;margin:0 0 20px;text-wrap:balance;color:var(--ink)}
.clv .d3{font-size:calc(22px * var(--clv-hs,1));line-height:1.25;font-weight:500;letter-spacing:0;margin:0 0 8px;color:var(--ink)}
.clv-show .d2,.clv-duo .p-copy .d2{color:#fff}
.clv .lead{font-family:var(--f);font-size:calc(clamp(17px,1.3vw,19px) * var(--clv-fs,1));font-weight:400;line-height:1.7;color:var(--muted);margin:0;max-width:44ch;text-wrap:pretty}
.clv-show .lead,.clv-duo .p-copy .lead,.clv .lead.lt{color:var(--on-dark)}
.clv .num{font-variant-numeric:tabular-nums}

/* ---------- buttons (plain links and Elementor button widgets) ---------- */
.clv a.btn-o,.clv a.btn-s,.clv .btn-o .elementor-button,.clv .btn-s .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;font:500 15px/1 var(--f);letter-spacing:.01em;text-decoration:none;border:1px solid currentColor;border-radius:var(--clv-r,0px);box-shadow:none;transition:background .2s,color .2s,border-color .2s,transform .16s cubic-bezier(.2,.7,.2,1);cursor:pointer;text-transform:none;white-space:nowrap}
.clv a.btn-o:active,.clv a.btn-s:active,.clv .btn-o .elementor-button:active,.clv .btn-s .elementor-button:active,.clv button.btn-s:active{transform:scale(.97)}
.clv a.btn-o,.clv .btn-o .elementor-button{color:var(--teal);background:transparent;border-color:var(--teal)}
@media(hover:hover) and (pointer:fine){.clv a.btn-o:hover,.clv .btn-o .elementor-button:hover,.clv .btn-o .elementor-button:focus-visible{background:var(--teal);color:#fff;border-color:var(--teal)}}
.clv a.btn-o.lt,.clv .btn-o.lt .elementor-button{color:#fff;border-color:color-mix(in srgb,#fff 70%,transparent)}
@media(hover:hover) and (pointer:fine){.clv a.btn-o.lt:hover,.clv .btn-o.lt .elementor-button:hover,.clv .btn-o.lt .elementor-button:focus-visible{background:#fff;color:var(--teal);border-color:#fff}}
.clv a.btn-s,.clv .btn-s .elementor-button{background:var(--teal);color:#fff;border-color:var(--teal)}
@media(hover:hover) and (pointer:fine){.clv a.btn-s:hover,.clv .btn-s .elementor-button:hover,.clv .btn-s .elementor-button:focus-visible{background:var(--teal-ink);border-color:var(--teal-ink);color:#fff}}
.clv .lnk .elementor-button,.clv a.lnk{display:inline-flex;gap:8px;align-items:center;min-height:0;padding:0 0 4px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;font:500 14px/1.4 var(--f);letter-spacing:0;color:var(--teal);text-decoration:none;box-shadow:none}
@media(hover:hover) and (pointer:fine){.clv .lnk .elementor-button:hover,.clv a.lnk:hover{background:none;color:var(--teal);border-color:var(--teal)}}
.clv .e-con.acts{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:34px}
.clv .e-con.acts>.elementor-widget{width:auto;flex:0 0 auto}
.clv :focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* arch tile */
.clv .tile{display:inline-grid;place-items:center;width:52px;height:60px;border-radius:26px 26px 4px 4px;background:var(--teal);color:#fff;text-decoration:none;border:0;cursor:pointer;transition:transform .3s}
@media(hover:hover){.clv .tile:hover{transform:translateY(-3px);color:#fff}}
.clv .tile .ic{width:20px;height:20px}
.clv .tile.lt{background:var(--paper);color:var(--teal)}
.clv .tile.lt:hover{color:var(--teal)}

/* ---------- illustrations ---------- */
.clv .art{position:relative}
.clv .art .cl-art{display:block;width:100%;height:auto}
.clv .cl-art{--a-sky1:color-mix(in srgb,var(--teal) 28%,#C9DCDD);--a-sky2:#EEF1EC;--a-sun:#F4E6CB;--a-far:color-mix(in srgb,var(--teal) 14%,#D3E0E0);--a-far2:color-mix(in srgb,var(--teal) 22%,#C6D6D7);
  --a-wall:#F5F0E7;--a-wall2:#E3DACB;--a-dark:color-mix(in srgb,var(--teal) 62%,#0B1717);--a-glass:color-mix(in srgb,var(--teal) 48%,#C4D2D2);--a-glass2:color-mix(in srgb,var(--teal) 66%,#9DB3B4);
  --a-wood:#8E6B47;--a-stone:#D8D1C3;--a-stone2:#C3BAA8;--a-leaf:#56735A;--a-leaf2:#7F9877;--a-trunk:#8A7258;--a-grass:#A3B38C;--a-grass2:#8DA078;--a-water:#8DBBC8;--a-water2:#6FA3B3;--a-accent:var(--amber);--a-rose:#C77E86;--a-sand:#E9DFCB;--a-soft:var(--stone)}

/* ---------- photo + illustration accent ---------- */
.clv .e-con.media{position:relative;display:block}
.clv .media>.frame{border-radius:999px 999px 0 0;overflow:hidden;background:var(--stone);line-height:0}
.clv .media>.frame img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:4/5;object-fit:cover;border-radius:0;filter:saturate(.94)}
.clv .media>.comp{position:absolute;z-index:2;bottom:-5%;inset-inline-end:-11%;width:34%;max-width:160px}
.clv .media>.comp .art{border-radius:999px 999px 0 0;overflow:hidden;background:var(--ring,var(--paper));box-shadow:0 0 0 6px var(--ring,var(--paper)),0 26px 44px -20px rgba(11,23,23,.42)}

/* ---------- header ---------- */
.elementor-location-header:has(.clv-head){position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60}
.clv-head{background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line);font-family:var(--f)}
.clv-head .w{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.clv-head .nav{display:flex;align-items:center;gap:28px}
.clv-head .nav a,.clv-head .menu{color:var(--ink);text-decoration:none;font:400 14px var(--f);background:none;border:0;border-radius:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:0;min-height:0}
.clv-head .nav a:hover,.clv-head .menu:hover{color:var(--teal);background:none}
.clv-head .menu .ic{width:22px;height:22px}
.clv .logo{text-align:center;text-decoration:none;color:var(--ink);line-height:1;display:block}
.clv .logo b{display:block;font-size:24px;font-weight:500;letter-spacing:-.02em}
.clv .logo small{display:block;font-size:11px;letter-spacing:.18em;color:var(--muted);margin-top:6px}
.clv .logo .clv-logo-img{display:block;max-height:46px;max-width:200px;width:auto;margin-inline:auto}
.clv .logo.has-img b,.clv .logo.has-img small{display:none}
.clv-head .end{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.clv-head .ib{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;color:var(--ink);text-decoration:none}
.clv-head .ib:hover{color:var(--teal)}
.clv-head .ib .ic{width:20px;height:20px}
.clv-head .ib i{position:absolute;top:3px;inset-inline-end:1px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--amber);color:#fff;font:600 10px/16px var(--f);text-align:center;font-style:normal}
.clv-head .ib i[hidden]{display:none}
.clv-head .lang,.clv-menu .lang{font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--ink);text-decoration:none;padding:8px 10px}
.clv-head .lang:hover{color:var(--teal)}
.clv-head .btn-o{min-height:40px;padding:0 20px;font-size:13px;margin-inline-start:8px}
@media(max-width:1024px){.clv-head .nav a,.clv-head .end .cmp{display:none}}
@media(max-width:760px){.clv-head .end .lang,.clv-head .end .btn-o,.clv-head .menu span{display:none}.clv-head .w{height:68px}.clv .clv-head .logo b{font-size:19px}.clv .clv-head .logo small{font-size:10px;margin-top:4px}.clv-head .end{gap:0}}

/* full-screen menu */
.clv-menu{position:fixed;inset:0;z-index:9999;background:var(--paper);overflow:auto;opacity:0;transition:opacity .35s;font-family:var(--f)}
.clv-menu.on{opacity:1}
.clv-menu[hidden]{display:none}
.clv-menu .in{min-height:100%;display:flex;flex-direction:column;max-width:var(--wrap);margin-inline:auto;padding:0 var(--gut) 32px}
.clv-menu .mtop{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;border-bottom:1px solid var(--line)}
.clv-menu .mtop .logo{grid-column:2}
.clv-menu .close{grid-column:3;justify-self:end;width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:0;color:var(--ink);cursor:pointer;padding:0}
.clv-menu .close:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.clv-menu .close .ic{width:20px;height:20px}
.clv-menu .mbody{flex:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:clamp(32px,6vh,72px) 0}
.clv-menu{--dx:1}
[dir=rtl] .clv-menu,.rtl .clv-menu{--dx:-1}
.clv-menu .big{display:flex;flex-direction:column;align-self:start}
.clv-menu .big a{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;padding:15px 0;font-size:clamp(28px,3.2vw,44px);font-weight:400;letter-spacing:-.015em;line-height:1.2;color:var(--ink);text-decoration:none;font-variation-settings:"GRAD" -50;border-bottom:1px solid var(--line);transition:color .25s}
.clv-menu .big a:first-child{border-top:1px solid var(--line)}
.clv-menu .big .t{grid-column:1;grid-row:1;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.clv-menu .big .go{grid-column:2;grid-row:1;justify-self:end;width:22px;height:22px;color:var(--teal);opacity:0;transform:translateX(calc(var(--dx) * -10px));transition:opacity .25s,transform .35s}
.clv-menu .big a:focus-visible{color:var(--teal)}
.clv-menu .big a:focus-visible .go{opacity:1;transform:none}
@media(hover:hover){.clv-menu .big a:hover{color:var(--teal)}.clv-menu .big a:hover .t{transform:translateX(calc(var(--dx) * 8px))}.clv-menu .big a:hover .go{opacity:1;transform:none}}
@media(hover:none){.clv-menu .big .go{opacity:.5;transform:none}}
.clv-menu .side{display:flex;flex-direction:column;gap:28px;align-items:flex-start;justify-content:flex-end}
.clv-menu .side .mart{width:min(100%,300px);background:var(--stone);border-radius:999px 999px 0 0;overflow:hidden}
.clv-menu .mc{display:grid;gap:12px;font-size:15px;color:var(--muted)}
.clv-menu .mc p{margin:0}
.clv-menu .mc .ln{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:18px}
.clv-menu .mc .ln .ic{width:18px;height:18px;color:var(--teal)}
.clv-menu .mc .row{display:flex;gap:14px;align-items:center;margin-top:8px}
.clv-menu .small{display:flex;flex-wrap:wrap;gap:8px 26px;padding-top:20px;border-top:1px solid var(--line)}
.clv-menu .small a{font-size:14px;color:var(--muted);text-decoration:none}
.clv-menu .small a:hover{color:var(--teal)}
@media(max-width:760px){.clv-menu .mtop{height:68px}.clv-menu .mbody{grid-template-columns:1fr}.clv-menu .side .mart{display:none}}

/* ---------- hero ---------- */
.clv .e-con.clv-hero{position:relative;padding-top:calc(clamp(40px,6vw,88px) * var(--clv-sp,1));overflow:hidden}
.clv .clv-hero>.w{position:relative;z-index:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(32px,5vw,80px);align-items:end}
.clv .clv-hero .copy{display:flex;flex-direction:column;align-items:stretch;padding-bottom:clamp(40px,6vw,96px)}
.clv .clv-hero .copy .lead{margin-top:24px}
.clv .clv-hero .stage{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:520px}
.clv .clv-hero .stage::after{content:"";position:absolute;z-index:-1;top:18%;bottom:0;inset-inline-start:10%;inset-inline-end:-50vw;width:auto;height:auto;background:var(--stone)}
.clv .clv-hero .stage>.media{width:min(100%,440px)}
@media(max-width:900px){.clv .clv-hero>.w{grid-template-columns:1fr}.clv .clv-hero .stage{min-height:0;margin-top:8px}.clv .clv-hero .stage::after{top:22%;inset-inline:-10vw}.clv .clv-hero .copy{padding-bottom:12px}.clv .clv-hero .stage>.media{width:min(80%,380px)}.clv .media>.comp{inset-inline-end:-6%;width:32%}}

/* search panel (restyles the plugin's [cl_search_bar]) */
.clv .cl-hero-search{margin-top:40px;max-width:640px}
.clv .cl-hero-search .sbox{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:stretch;background:#fff;border:1px solid var(--line);box-shadow:0 24px 48px -28px rgba(11,23,23,.35);border-radius:var(--clv-r,0px);overflow:hidden;padding:0;gap:0}
.clv .cl-hero-search .seg-w{display:flex;align-items:center;padding:0 10px;border-inline-end:1px solid var(--line)}
.clv .cl-hero-search .seg{display:flex;gap:0;background:none;padding:0;border-radius:0;border:0}
.clv .cl-hero-search .seg button{font:500 14px var(--f);padding:10px 12px;border:0;background:none;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;cursor:pointer;box-shadow:none;min-height:0}
.clv .cl-hero-search .seg button[aria-pressed=true]{color:var(--ink);border-color:var(--amber);background:none}
.clv .cl-hero-search .fld{display:flex;flex-direction:column;justify-content:center;padding:12px 18px;border-inline-end:1px solid var(--line);min-width:0}
.clv .cl-hero-search .fld label{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--muted);margin:0 0 2px}
.clv .cl-hero-search .fld .inp{border:0;background-color:transparent;font:500 15px var(--f);color:var(--ink);padding:2px 0;height:auto;min-height:0;box-shadow:none;outline-offset:4px;width:100%;border-radius:0}
.clv .cl-hero-search .btn{border-radius:0;min-height:72px;padding:0 28px;background:var(--teal);color:#fff;font:500 15px var(--f);letter-spacing:.01em;border:0;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:none;transition:background .2s,transform .16s}
.clv .cl-hero-search .btn:active{transform:scale(.97)}
@media(hover:hover){.clv .cl-hero-search .btn:hover{background:var(--teal-ink);color:#fff}}
.clv .cl-hero-search .btn .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.clv .cl-hero-search .quick{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px}
.clv .cl-hero-search .quick a{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px;background:none}
.clv .cl-hero-search .quick a:hover{border-color:var(--teal);color:var(--teal)}
.clv .cl-hero-search .quick .ic{width:16px;height:16px;fill:none;stroke:var(--teal);stroke-width:1.6}
@media(max-width:700px){.clv .cl-hero-search .sbox{grid-template-columns:1fr 1fr}.clv .cl-hero-search .seg-w{grid-column:1/-1;border-inline-end:0;border-bottom:1px solid var(--line);padding:6px 10px}.clv .cl-hero-search .fld{border-bottom:1px solid var(--line)}.clv .cl-hero-search .fld:nth-of-type(2){border-inline-end:0}.clv .cl-hero-search .btn{grid-column:1/-1;min-height:56px;justify-content:center}}

/* ---------- stats (live counts only) ---------- */
.clv .e-con.clv-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.clv .stats-g{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.clv .stats-g .s{display:flex;align-items:baseline;gap:16px;padding:34px 0;padding-inline-start:clamp(20px,3vw,40px);border-inline-start:1px solid var(--line)}
.clv .stats-g .s:first-child{border-inline-start:0;padding-inline-start:0}
.clv .stats-g b{font-size:clamp(40px,4.4vw,60px);font-weight:400;letter-spacing:-.02em;line-height:1;font-variation-settings:"GRAD" -50;color:var(--teal)}
.clv .stats-g span{font-size:16px;line-height:1.4;color:var(--muted);max-width:16ch}
@media(max-width:760px){.clv .stats-g{grid-auto-flow:row}.clv .stats-g .s{padding:20px 0;border-inline-start:0;border-top:1px solid var(--line)}.clv .stats-g .s:first-child{border-top:0}.clv .stats-g b{min-width:2.4ch}}

/* ---------- featured showcase (dark) ---------- */
.clv .e-con.clv-show{background:var(--teal);color:#fff;padding-block:calc(clamp(72px,9vw,120px) * var(--clv-sp,1)) calc(clamp(56px,7vw,96px) * var(--clv-sp,1))}
.clv .clv-show .top{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}
.clv .clv-show .top>.e-con,.clv .clv-show .top>.elementor-widget{width:auto;flex:0 1 auto}
.clv .clv-show .top .d2{margin:0}
.clv .clv-sc .track{display:grid;grid-auto-flow:column;grid-auto-columns:min(68%,820px);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);scroll-padding-inline:var(--gut);outline-offset:-2px}
.clv .clv-sc .track::-webkit-scrollbar{display:none}
.clv .clv-sc .slide{scroll-snap-align:start;color:#fff;text-decoration:none;display:block}
.clv .clv-sc .slide .img{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--clv-r,0px);background:color-mix(in srgb,#fff 10%,var(--teal))}
.clv .clv-sc .slide .img img,.clv .clv-sc .slide .img .ph{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.clv .clv-sc .slide:hover .img img{transform:scale(1.04)}.clv .clv-sc .slide:hover .go{width:80px}.clv .clv-sc .ctl button:hover{background:#fff;color:var(--teal)}}
.clv .clv-sc .slide .go{position:absolute;bottom:0;inset-inline-end:0;width:64px;height:64px;display:grid;place-items:center;background:var(--paper);color:var(--teal);transition:width .3s}
.clv .clv-sc .slide .go .ic{width:22px;height:22px}
.clv .clv-sc .slide .tag{position:absolute;top:18px;inset-inline-start:18px;background:var(--paper);color:var(--teal);font-size:13px;font-weight:500;letter-spacing:.02em;padding:7px 12px}
.clv .clv-sc .slide .demo{position:absolute;top:18px;inset-inline-end:18px;background:rgba(11,23,23,.55);color:#fff;font-size:11px;padding:6px 10px;letter-spacing:.04em}
.clv .clv-sc .slide h3{font-family:var(--f);font-size:clamp(22px,2.2vw,30px);font-weight:400;letter-spacing:-.01em;margin:26px 0 10px;line-height:1.25;color:#fff}
.clv .clv-sc .slide .meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;font-size:15px;color:var(--on-dark)}
.clv .clv-sc .slide .meta b{font-size:17px;font-weight:600;color:#fff}
.clv .clv-sc .slide .meta b small{font-size:13px;font-weight:400;color:var(--on-dark)}
.clv .clv-sc .ctl{display:flex;align-items:center;gap:22px;margin-top:44px}
.clv .clv-sc.nos .ctl{display:none}
.clv .clv-sc .ctl button{width:44px;height:44px;border:1px solid color-mix(in srgb,#fff 35%,transparent);border-radius:0;background:none;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:none;min-height:0}
.clv .clv-sc .ctl .ic{width:18px;height:18px}
.clv .clv-sc .bar{flex:1;height:1px;background:color-mix(in srgb,#fff 22%,transparent);position:relative}
.clv .clv-sc .bar i{position:absolute;inset-block:-1px;inset-inline-start:0;width:20%;background:#fff;transition:inset-inline-start .4s,width .4s}
@media(max-width:760px){.clv .clv-sc .track{grid-auto-columns:86%}.clv .clv-show .top{flex-direction:column;align-items:flex-start}}

/* ---------- areas in arches ---------- */
.clv .e-con.clv-areas{padding-block:calc(clamp(72px,9vw,128px) * var(--clv-sp,1))}
.clv .clv-areas .head{display:flex;flex-direction:column;align-items:flex-start;max-width:640px;margin:0 0 56px}
.clv .clv-areas .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,32px);align-items:start}
.clv .clv-areas .grid>.a:nth-child(even){margin-top:clamp(40px,6vw,88px)}
.clv .clv-areas .a{text-decoration:none;color:var(--ink);display:block}
.clv .clv-areas .a .arch{aspect-ratio:4/5;border-radius:999px 999px 0 0;overflow:hidden;background:var(--stone)}
.clv .clv-areas .a .arch img{width:100%;height:100%;object-fit:cover}
.clv .clv-areas .a .arch .art{height:100%}
.clv .clv-areas .a .arch .cl-art{height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.clv .clv-areas .a .arch img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.clv .clv-areas .a:hover .arch .cl-art,.clv .clv-areas .a:hover .arch img{transform:scale(1.04)}.clv .clv-areas .a:hover .cnt{border-color:var(--teal)}}
.clv .clv-areas .a h3{font-family:var(--f);font-size:clamp(22px,2vw,28px);font-weight:400;letter-spacing:-.01em;line-height:1.25;margin:22px 0 6px;color:var(--ink)}
.clv .clv-areas .a p{margin:0;font-size:16px;color:var(--muted);line-height:1.6}
.clv .clv-areas .a .cnt{display:inline-block;margin-top:12px;font-size:15px;color:var(--teal);border-bottom:1px solid var(--line);padding-bottom:3px}
.clv .clv-areas .more{margin-top:56px;align-items:flex-start}
@media(max-width:900px){.clv .clv-areas .grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);scroll-padding-inline:var(--gut);scrollbar-width:none}.clv .clv-areas .a{scroll-snap-align:start}.clv .clv-areas .grid>.a:nth-child(even){margin-top:0}}

/* ---------- duo (stone art | teal copy) ---------- */
.clv .e-con.clv-duo{display:grid;grid-template-columns:1fr 1fr;position:relative}
.clv .clv-duo .p-art{background:var(--stone);display:grid;place-items:center;padding:clamp(56px,7vw,96px) clamp(24px,5vw,72px)}
.clv .clv-duo .p-art{--ring:var(--stone)}
.clv .clv-duo .p-art .media{width:min(100%,380px)}
.clv .clv-duo .p-copy{background:var(--teal);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(56px,7vw,112px) clamp(24px,6vw,104px)}
.clv .clv-duo.flip .p-art{order:2}
@media(max-width:860px){.clv .e-con.clv-duo{grid-template-columns:1fr}.clv .clv-duo.flip .p-art{order:0}.clv .clv-duo .p-art .media{width:min(78%,320px)}}

/* ---------- team ---------- */
.clv .e-con.clv-team{padding-block:calc(clamp(72px,9vw,128px) * var(--clv-sp,1));background:color-mix(in srgb,var(--stone) 45%,var(--paper))}
.clv .clv-team .head{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.clv .clv-team .head>.e-con,.clv .clv-team .head>.elementor-widget{width:auto;flex:0 1 auto}
.clv .clv-team .head .d2{margin:0}
.clv .clv-team .grid{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
.clv .clv-team .ag{text-decoration:none;color:var(--ink);display:block}
.clv .clv-team .ag .arch{aspect-ratio:4/5;border-radius:999px 999px 0 0;overflow:hidden;background:var(--stone);position:relative}
.clv .clv-team .grid[style*="--n:3"] .ag .arch,.clv .clv-team .grid[style*="--n:2"] .ag .arch,.clv .clv-team .grid[style*="--n:1"] .ag .arch{aspect-ratio:1/1}
.clv .clv-team .ag .arch::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:color-mix(in srgb,var(--teal) 18%,transparent)}
.clv .clv-team .ag .arch img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%;position:relative;z-index:1;filter:saturate(.94);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.clv .clv-team .ag:hover .arch img{transform:scale(1.04)}.clv .clv-team .ag:hover .ini{transform:translateY(-6px)}}
.clv .clv-team .ag .demo{position:absolute;z-index:2;bottom:14px;inset-inline-start:50%;transform:translateX(calc(var(--dx,1) * -50%));background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--muted);font-size:12px;letter-spacing:.02em;padding:5px 10px;white-space:nowrap}
[dir=rtl] .clv-team,.rtl .clv-team{--dx:-1}
.clv .clv-team .ag .ini{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(44px,5vw,64px);font-weight:400;letter-spacing:-.03em;color:var(--teal);z-index:1;font-variation-settings:"GRAD" -50;transition:transform .6s}
.clv .clv-team .ag h3{font-family:var(--f);font-size:22px;font-weight:400;letter-spacing:0;line-height:1.25;margin:20px 0 4px;color:var(--ink)}
.clv .clv-team .ag p{margin:0;font-size:16px;color:var(--muted);line-height:1.5}
.clv .clv-team .ag .sp{font-size:15px;margin-top:4px}
@media(max-width:900px){.clv .clv-team .grid{grid-template-columns:1fr 1fr}.clv .clv-team .ag:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 10px);justify-self:center}.clv .clv-team .head{flex-direction:column;align-items:flex-start}}

/* ---------- commute search: the signature tool ---------- */
.clv .e-con.clv-commute{background:var(--teal);color:#fff;padding-block:calc(clamp(72px,9vw,128px) * var(--clv-sp,1))}
.clv .clv-commute>.w{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,112px);align-items:center}
.clv .clv-commute .copy{display:flex;flex-direction:column;align-items:flex-start}
.clv .clv-commute .d2{color:#fff}
.clv .clv-commute .lead{color:var(--on-dark)}
.clv .clv-commute .eyebrow{color:var(--on-dark)}
.clv .clv-ct{background:var(--paper);color:var(--ink);padding:clamp(24px,3.4vw,44px);border-radius:var(--clv-r,0px);display:grid;gap:30px;box-shadow:0 40px 80px -40px color-mix(in srgb,var(--teal) 80%,#000)}
.clv .clv-ct fieldset{border:0;margin:0;padding:0;min-width:0}
.clv .clv-ct legend{padding:0;margin:0 0 14px;font-size:16px;font-weight:500;color:var(--ink)}
.clv .clv-ct .opts{display:flex;flex-wrap:wrap;gap:10px}
.clv .clv-ct label{position:relative;display:inline-flex;margin:0;cursor:pointer}
.clv .clv-ct input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.clv .clv-ct label span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:var(--clv-r,0px);background:#fff;font-size:16px;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.clv .clv-ct input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff}
.clv .clv-ct input:focus-visible+span{outline:2px solid var(--amber);outline-offset:3px}
.clv .clv-ct .mins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line)}
.clv .clv-ct .mins label{display:block}
.clv .clv-ct .mins label span{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:0;padding:18px 20px;border:0;border-inline-start:1px solid var(--line);font-size:15px;color:var(--muted)}
.clv .clv-ct .mins label:first-child span{border-inline-start:0}
.clv .clv-ct .mins bdi{font-size:clamp(34px,3.4vw,46px);line-height:1;color:var(--ink);font-variation-settings:"GRAD" -50;font-variant-numeric:tabular-nums}
.clv .clv-ct .mins input:checked+span,.clv .clv-ct .mins input:checked+span bdi{color:#fff}
.clv .clv-ct button.btn-s{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 28px;border:0;border-radius:var(--clv-r,0px);background:var(--teal);color:#fff;font:500 16px/1 var(--f);cursor:pointer;box-shadow:none;transition:background .2s,transform .16s}
.clv .clv-ct button.btn-s .ic{width:18px;height:18px}
@media(hover:hover) and (pointer:fine){.clv .clv-ct label:hover span{border-color:var(--teal)}.clv .clv-ct button.btn-s:hover{background:var(--teal-ink)}}
@media(max-width:900px){.clv .clv-commute>.w{grid-template-columns:1fr}}
@media(max-width:420px){.clv .clv-ct .mins label span{padding:14px 12px}}

/* ---------- ways of working: statement + hairline list ---------- */
.clv .e-con.clv-ways{padding-block:calc(clamp(72px,9vw,136px) * var(--clv-sp,1))}
.clv .clv-ways>.w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(40px,8vw,128px);align-items:start}
.clv .clv-ways .copy{display:flex;flex-direction:column;align-items:flex-start;position:sticky;top:120px}
.clv .clv-ways .acts{margin-top:26px}
.clv .clv-ways .list{display:flex;flex-direction:column}
.clv .clv-ways .row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 32px;padding:30px 0;border-top:1px solid var(--line)}
.clv .clv-ways .row:last-child{border-bottom:1px solid var(--line)}
.clv .clv-ways .row .d3{margin:0}
.clv .clv-ways .row .tx{margin:0;font-size:calc(17px * var(--clv-fs,1));line-height:1.7;color:var(--muted);max-width:46ch}
@media(max-width:900px){.clv .clv-ways>.w{grid-template-columns:1fr}.clv .clv-ways .copy{position:static}.clv .clv-ways .row{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.clv-foot{padding:64px 0 40px;background:var(--paper);font-family:var(--f);color:var(--ink)}
.clv-foot .w{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.clv-foot .top{display:flex;align-items:center;gap:20px}
.clv-foot .top::before,.clv-foot .top::after{content:"";flex:1;height:1px;background:var(--line)}
.clv-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-top:56px}
.clv-foot .brand b{display:block;font-size:26px;font-weight:500;letter-spacing:-.02em;margin-bottom:14px}
.clv-foot .brand p{color:var(--muted);font-size:15px;line-height:1.65;max-width:32ch;margin:0 0 8px}
.clv-foot h4{font-family:var(--f);font-size:14px;letter-spacing:.04em;font-weight:500;color:var(--muted);margin:6px 0 16px}
.clv-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.clv-foot a{color:var(--ink);text-decoration:none;font-size:15px}
@media(hover:hover){.clv-foot a:hover{color:var(--teal)}}
.clv-foot .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(max-width:860px){.clv-foot .cols{grid-template-columns:1fr 1fr}.clv-foot .brand{grid-column:1/-1}}

/* ---------- demo mode: sales + WhatsApp + studio buttons ---------- */
.cl.cld-fabs{inset-inline-end:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));gap:10px;align-items:center}
.cl.cld-fabs .cld-sales{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 24px 0 20px;border:0;border-radius:999px;background:color-mix(in srgb,var(--amber) 80%,#000);color:#fff;font:600 15px/1 var(--f);letter-spacing:.01em;transition:background .2s,transform .16s;cursor:pointer;box-shadow:0 16px 36px -12px color-mix(in srgb,var(--amber) 75%,transparent),0 3px 8px rgba(11,23,23,.18);animation:cld-nudge 7s ease-in-out 3s infinite;filter:none}
.cl.cld-fabs .cld-sales span{display:inline}
.cl.cld-fabs .cld-sales svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.cl.cld-fabs .cld-sales:hover{background:color-mix(in srgb,var(--amber) 68%,#000);animation:none}
.cl.cld-fabs .cld-sales:active,.cl.cld-fabs .cld-wa:active,.cl.cld-fabs .cld-ib:active{transform:scale(.97)}
.cl.cld-fabs .cld-wa{width:54px;height:54px;display:grid;place-items:center;border:0;border-radius:999px;background:#25D366;color:#0B1717;cursor:pointer;box-shadow:0 14px 30px -12px rgba(37,211,102,.7),0 3px 8px rgba(11,23,23,.16)}
.cl.cld-fabs .cld-wa svg{width:26px;height:26px}
.cl.cld-fabs .cld-wa:hover{background:#1EBE5A}
.cl.cld-fabs .cld-ib{width:54px;height:54px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink);box-shadow:0 10px 24px -14px rgba(11,23,23,.35)}
@keyframes cld-nudge{0%,84%,100%{transform:none}88%{transform:translateY(-5px)}92%{transform:none}95%{transform:translateY(-2px)}}
.cl .cld-note{margin:4px 0 0;font-size:13px;color:var(--muted)}
@media(max-width:600px){.cl.cld-fabs{inset-inline:12px;justify-content:flex-end}.cl.cld-fabs .cld-sales{min-height:50px;padding:0 18px;font-size:14px}.cl.cld-fabs .cld-wa,.cl.cld-fabs .cld-ib{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.cl.cld-fabs .cld-sales{animation:none}}

/* ---------- motion: one authored moment ----------
   The hero photo opens upward like an arch, then the small illustration settles in.
   Pure CSS, so nothing waits for a script; switched off for reduced motion and in the editor. */
@keyframes clv-arch{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes clv-settle{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.clv .clv-hero .stage .media>.frame{animation:clv-arch 1.25s cubic-bezier(.6,0,.2,1) .1s both}
.clv .clv-hero .stage .media>.comp{animation:clv-settle .7s cubic-bezier(.2,.7,.2,1) 1.05s both}
@media(prefers-reduced-motion:reduce){.clv .clv-hero .stage .media>.frame,.clv .clv-hero .stage .media>.comp{animation:none}}
.elementor-editor-active .clv .clv-hero .stage .media>*,.elementor-editor-preview .clv .clv-hero .stage .media>*{animation:none!important}

.clv-foot .legal .credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.clv-foot .legal .credit a:hover{color:var(--teal)}