/* Gabriela Kountouras · REALTOR® — editorial luxury, after victoriaforsale.ca. Argent ERA red as the accent. */
:root{--ink:#111;--paper:#F4F2F0;--paper-2:#ECE8E4;--dark:#0F0F0F;--dark-2:#1A1A1A;--red:#CC2233;--wine:#7A1020;--muted:#6F6A66;--line:rgba(17,17,17,.12);
--serif:"Unna",Georgia,serif;--sans:"Montserrat",Arial,sans-serif;--sign:"Great Vibes",cursive;--ease:cubic-bezier(.22,.8,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1320px;margin:0 auto;padding:0 40px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1;letter-spacing:-.01em}
.eyebrow{font:600 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.sub-wine{font:600 13px var(--serif);color:var(--wine);letter-spacing:.01em}

/* buttons: pill, like the reference */
.btn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;text-decoration:none;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:15px 26px;border-radius:40px;background:var(--wine);color:#fff;transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease),color .4s}
.btn:hover{background:var(--red);transform:translateY(-2px);box-shadow:0 14px 30px rgba(122,16,32,.3)}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.btn.ghost:hover{background:#fff;color:var(--ink)}
.btn.white{background:#fff;color:var(--ink)}
.btn.white:hover{background:var(--red);color:#fff}
.circ{width:52px;height:52px;flex:0 0 auto;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .45s var(--ease),background .45s var(--ease),color .45s}
.circ svg{width:18px;height:18px}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:22px 0;transition:background .5s var(--ease),padding .5s var(--ease),color .5s}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:none;padding:0 44px}
.nav,.nav a{color:#fff}
.nav.solid{background:rgba(244,242,240,.94);backdrop-filter:blur(14px);padding:14px 0;box-shadow:0 1px 0 var(--line)}
.nav.solid,.nav.solid a{color:var(--ink)}
.brand{text-decoration:none;display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.brand b{font:700 26px/1 var(--serif);letter-spacing:-.01em}
.brand small{font:600 9.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.8}
.menu{display:flex;gap:34px;font:600 10.5px var(--sans);letter-spacing:.22em;text-transform:uppercase}
.menu a{text-decoration:none;position:relative;padding:6px 0}
.menu a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.menu a:hover:after{transform:scaleX(1);transform-origin:left}
.navr{display:flex;align-items:center;gap:26px;font:600 12px var(--sans);letter-spacing:.06em}
.navr a{text-decoration:none}
.burger{width:42px;height:42px;border:0;background:transparent;cursor:pointer;position:relative;color:inherit}
.burger i{position:absolute;left:9px;right:9px;height:1.5px;background:currentColor;transition:transform .45s var(--ease),opacity .3s}
.burger i:nth-child(1){top:14px}.burger i:nth-child(2){top:20px}.burger i:nth-child(3){top:26px}
body.open .nav{background:transparent;box-shadow:none}
body.open .nav,body.open .nav a{color:#fff}
body.open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.open .burger i:nth-child(2){opacity:0}
body.open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:45;background:var(--dark);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease);visibility:hidden}
body.open .drawer{clip-path:inset(0 0 0 0);visibility:visible}
.drawer nav{display:flex;flex-direction:column;justify-content:center;padding:0 8vw;gap:4px}
.drawer nav a{font:500 clamp(40px,6vw,84px)/1.08 var(--serif);text-decoration:none;opacity:0;transform:translateY(40px);transition:opacity .6s,transform .8s var(--ease),color .3s}
.drawer nav a:hover{color:var(--red)}
body.open .drawer nav a{opacity:1;transform:none}
.drawer nav a:nth-child(1){transition-delay:.25s}.drawer nav a:nth-child(2){transition-delay:.31s}.drawer nav a:nth-child(3){transition-delay:.37s}.drawer nav a:nth-child(4){transition-delay:.43s}.drawer nav a:nth-child(5){transition-delay:.49s}
.drawer aside{background:var(--dark-2);display:flex;flex-direction:column;justify-content:flex-end;padding:60px;gap:10px;font-size:14px;color:rgba(255,255,255,.7)}
.drawer aside b{font:500 30px var(--serif);color:#fff}
.drawer aside a{text-decoration:none}

/* reveals */
[data-r]{opacity:0;transform:translateY(46px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
[data-r="fade"]{transform:none}
[data-r].in{opacity:1;transform:none}
.lines>span{display:block;overflow:hidden;padding-bottom:.08em}
.lines>span>span{display:block;transform:translateY(110%);transition:transform 1.3s var(--ease)}
.lines.in>span>span{transform:none}
.lines>span:nth-child(2)>span{transition-delay:.12s}.lines>span:nth-child(3)>span{transition-delay:.24s}

/* hero */
.hero{position:relative;height:100svh;min-height:640px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:-8% 0 0 0;background:url(../img/hero-home.webp) 50% 60%/cover no-repeat;transform:scale(1.12);animation:heroIn 2.6s var(--ease) forwards;will-change:transform}
@keyframes heroIn{to{transform:scale(1)}}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(0,0,0,.45),rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.7) 100%)}
.hero .in-hero{position:relative;z-index:1;padding:0 24px;max-width:1200px}
.hero h1{font-size:clamp(56px,9vw,136px);line-height:.98;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.hero h1 em{font-style:italic}
.hero p{max-width:600px;margin:24px auto 34px;font-size:16px;font-weight:500;line-height:1.7;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero .foot{position:absolute;z-index:1;left:44px;right:44px;bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;font:600 10.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.85}
.cue{display:flex;align-items:center;gap:12px}
.cue i{display:block;width:1px;height:46px;background:rgba(255,255,255,.7);animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* about — "Award-Winning" */
.about{padding:140px 0}
.about .grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about .pic{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:linear-gradient(170deg,#ebe5de 0%,#d8cdc1 100%)}
.about .pic img{position:absolute;left:50%;bottom:0;transform:translateX(-50%) scale(1.06);transform-origin:50% 100%;width:150%;max-width:none;transition:transform 1.8s var(--ease)}
.about .pic.in img{transform:translateX(-50%) scale(1)}
.about h2{font-size:clamp(52px,6vw,88px);margin-bottom:14px}
.about .sub-wine{font-size:15px;margin-bottom:26px}
.about p{font-size:15px;color:#3a3633;margin-bottom:16px;max-width:560px}
.sig{white-space:nowrap;font:400 clamp(44px,4.4vw,64px)/1 var(--sign);color:var(--ink);margin:14px 0 26px;transform:rotate(-4deg);transform-origin:left;display:inline-block}
.awards{display:flex;gap:44px;margin:26px 0 4px;flex-wrap:wrap}
.awards div b{display:block;font:500 22px/1.1 var(--serif)}
.awards div span{font:600 10px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* services — tall numbered columns */
.svc{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.svc a{position:relative;min-height:78vh;padding:60px 44px 50px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border-right:1px solid var(--line);overflow:hidden;isolation:isolate}
.svc a:last-child{border-right:0}
.svc a:before{content:"";position:absolute;inset:0;background:var(--img) center/cover;opacity:0;transform:scale(1.08);transition:opacity .8s var(--ease),transform 1.4s var(--ease);z-index:-2}
.svc a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72));opacity:0;transition:opacity .8s var(--ease);z-index:-1}
.svc a:hover:before{opacity:1;transform:scale(1)}
.svc a:hover:after{opacity:1}
.svc .num{font:700 clamp(140px,13vw,210px)/.8 var(--serif);letter-spacing:-.04em;transition:color .6s var(--ease),transform .9s var(--ease)}
.svc h3{font-size:clamp(40px,3.6vw,54px);margin-bottom:14px;transition:color .6s}
.svc .row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.svc p{font-size:13.5px;color:var(--muted);max-width:290px;transition:color .6s}
.svc a:hover .num{color:#fff;transform:translateY(-8px)}
.svc a:hover h3,.svc a:hover p{color:#fff}
.svc a:hover .circ{background:var(--red);color:#fff;transform:rotate(-45deg)}

.svc2{padding:120px 0;border-top:1px solid var(--line)}
.svh{text-align:center;margin-bottom:60px}
.svh h2{font-size:clamp(46px,5.4vw,78px);margin-top:16px}
.svh h2 em{color:var(--wine)}
.svgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.svgrid a{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:46px 40px 40px;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .6s}
.svgrid a:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(17,17,17,.1);border-color:transparent}
.ico{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--wine);background:rgba(122,16,32,.06);margin-bottom:30px;transition:background .5s var(--ease),color .5s,transform .7s var(--ease)}
.ico svg{width:42px;height:42px}
.svgrid a:hover .ico{background:var(--wine);color:#fff;transform:rotate(-6deg) scale(1.05)}
.svgrid h3{font-size:38px;margin-bottom:14px}
.svgrid p{color:var(--muted);font-size:14.5px;margin-bottom:28px;flex:1}
.go{display:inline-flex;align-items:center;gap:10px;font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.go svg{width:16px;height:16px;transition:transform .45s var(--ease)}
.svgrid a:hover .go{color:var(--wine)}
.svgrid a:hover .go svg{transform:translateX(6px)}
@media (max-width:1024px){.svgrid{grid-template-columns:1fr}.svc2{padding:90px 0}}

/* listings — full-bleed slides */
.listing{position:relative;height:100svh;min-height:620px;color:#fff;overflow:hidden;display:flex;align-items:center}
.listing .ph{position:absolute;inset:-8% 0;background-size:cover;background-position:center;will-change:transform}
.listing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.55) 100%)}
.listing .in-l{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:0 44px}
.listing .tags{position:absolute;z-index:1;top:100px;left:44px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.listing .tags span{font:600 9.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:7px 11px;border-radius:30px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.listing .tags .hot{background:var(--wine)}
.listing .meta{font:600 10.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.92}
.listing h3{font-size:clamp(46px,6.4vw,96px);margin:14px 0}
.listing .price{font:500 clamp(36px,4vw,60px)/1 var(--serif);text-align:right}
.listing .price .btn{margin-top:20px}
.listing .court{position:absolute;z-index:1;left:44px;bottom:30px;font:600 9.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.listing .count{position:absolute;z-index:1;right:44px;bottom:30px;font:500 15px var(--serif);opacity:.85}

/* stats band */
.stats{position:relative;color:#fff;overflow:hidden;padding:150px 0}
.stats .ph{position:absolute;inset:-12% 0;background:url(../img/dusk.webp) center/cover;will-change:transform}
.stats:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.6))}
.stats .grid{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}
.stats .big>b{display:block;font:700 clamp(110px,14vw,210px)/.85 var(--serif);letter-spacing:-.02em}
.stats .big b sup{font:600 .13em var(--sans);letter-spacing:.24em;text-transform:uppercase;vertical-align:top;margin-left:14px;position:relative;top:.6em}
.stats .lbl{display:block;font:600 10.5px var(--sans);letter-spacing:.24em;text-transform:uppercase;margin-top:16px;opacity:.85}
.stats .small{display:grid;gap:50px}
.stats .small>div>b{display:block;font:700 clamp(60px,6vw,92px)/.9 var(--serif)}
.stats .small b sup{font:600 .2em var(--sans);letter-spacing:.2em;text-transform:uppercase;vertical-align:top;margin-left:8px;position:relative;top:.5em}

/* home value strip (light) */
.value{padding:130px 0}
.value .grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.value h2{font-size:clamp(46px,5.4vw,80px);margin:16px 0 18px}
.value h2 em{color:var(--wine)}
.value p.lead{color:var(--muted);max-width:460px}

/* instagram */
.ig{padding:120px 0}
.ig .top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px;flex-wrap:wrap}
.ig h2{font-size:clamp(46px,5.4vw,80px)}
.ig h2 a{text-decoration:none;font-style:italic;color:var(--wine)}
.ig .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ig .grid a{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:4px;display:block;background:#ddd}
.ig .grid img,.ig .grid video{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.ig .grid a:hover img,.ig .grid a:hover video{transform:scale(1.06)}
.ig .grid a .ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,15,15,.45);opacity:0;transition:opacity .5s var(--ease)}
.ig .grid a:hover .ov{opacity:1}
.ig .grid a .ov svg{width:34px;height:34px;fill:#fff}

/* contact — dark */
.contact{background:var(--dark);color:#fff;padding:140px 0}
.contact .grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.contact h2{font-size:clamp(46px,5vw,76px);margin-bottom:18px}
.contact .intro{color:rgba(255,255,255,.72);max-width:460px;margin-bottom:46px;font-size:15px}
.contact .pic{border-radius:6px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(170deg,#2b2726,#141313);position:relative}
.contact .pic img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:150%;max-width:none}
.contact .pic .card{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(15,15,15,.74);backdrop-filter:blur(10px);border-radius:6px;padding:20px 22px;display:grid;gap:4px;font-size:14px}
.contact .pic .card b{font:500 24px var(--serif)}
.contact .pic .card a{text-decoration:none;opacity:.85}
.contact .pic .card a:hover{opacity:1;color:#ff8a96}

/* forms (dark by default; .light variant for the value strip) */
form{position:relative}
form .r2{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.f{position:relative;margin-bottom:30px}
.f input,.f textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;font:400 16px var(--sans);padding:24px 0 10px;outline:none;border-radius:0}
.f textarea{min-height:90px;resize:vertical}
.f label{position:absolute;left:0;top:22px;font:500 12px var(--sans);letter-spacing:.06em;color:rgba(255,255,255,.6);pointer-events:none;transition:all .35s var(--ease)}
.f:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.f:focus-within:after{transform:scaleX(1)}
.f input:focus+label,.f input:not(:placeholder-shown)+label,.f textarea:focus+label,.f textarea:not(:placeholder-shown)+label{top:0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.intr{border:0;margin:6px 0 26px}
.intr legend{font:500 12px var(--sans);letter-spacing:.06em;color:rgba(255,255,255,.6);margin-bottom:14px}
.intr .opts{display:flex;gap:28px;flex-wrap:wrap}
.intr label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.intr input{appearance:none;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;cursor:pointer;margin:0}
.intr input:checked{border-color:#fff}
.intr input:checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.agree{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.55;color:rgba(255,255,255,.6);margin-bottom:30px;cursor:pointer}
.agree input{appearance:none;flex:0 0 auto;width:16px;height:16px;border:1px solid rgba(255,255,255,.6);border-radius:3px;margin-top:2px;display:grid;place-items:center;cursor:pointer}
.agree input:checked{background:#fff}
.agree input:checked:after{content:"";width:8px;height:4px;border-left:1.5px solid var(--dark);border-bottom:1.5px solid var(--dark);transform:rotate(-45deg) translate(1px,-1px)}
.err{display:none;color:#ff8a96;font-size:13px;margin:-14px 0 18px}
.err a{color:#fff}
form .btn[disabled]{opacity:.7;pointer-events:none}
.spin{display:none;width:14px;height:14px;border:2px solid rgba(17,17,17,.25);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}
.btn.busy .spin{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.done{position:absolute;inset:0;background:var(--dark);display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;transition:opacity .7s var(--ease)}
.done.show{opacity:1;pointer-events:auto}
.done svg{width:74px;height:74px;margin-bottom:24px}
.done circle{stroke:#fff;stroke-width:1.5;fill:none;stroke-dasharray:283;stroke-dashoffset:283}
.done path{stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}
.done.show circle{animation:dash 1s .1s var(--ease) forwards}
.done.show path{animation:dash .6s .9s var(--ease) forwards}
@keyframes dash{to{stroke-dashoffset:0}}
.done h4{font:700 46px/1 var(--serif);margin-bottom:12px}
.done p{color:rgba(255,255,255,.7)}
form.light .f input{color:var(--ink);border-bottom-color:rgba(17,17,17,.2)}
form.light .f label{color:var(--muted)}
form.light .f:after{background:var(--ink)}
form.light .f input:focus+label,form.light .f input:not(:placeholder-shown)+label{color:var(--wine)}
form.light .agree{color:var(--muted)}
form.light .agree input{border-color:var(--muted)}
form.light .agree input:checked{background:var(--ink)}
form.light .agree input:checked:after{border-color:#fff}
form.light .err{color:var(--red)}
form.light .err a{color:var(--ink)}
form.light .done{background:var(--paper)}
form.light .done circle,form.light .done path{stroke:var(--wine)}
form.light .done h4{color:var(--ink)}
form.light .done p{color:var(--muted)}
form.light .spin{border-color:rgba(255,255,255,.35);border-top-color:#fff}

/* footer */
footer{background:var(--dark);color:rgba(255,255,255,.6);font-size:12.5px;padding:80px 0 30px;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}
footer .cols{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px;padding-bottom:30px}
footer h5{font:600 10px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#fff;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:#fff}
footer .brand b{color:#fff}
footer .soc{display:flex;gap:12px;margin-top:20px}
footer .soc a{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;transition:background .4s,border-color .4s}
footer .soc a:hover{background:var(--wine);border-color:var(--wine)}
footer .soc svg{width:16px;height:16px;fill:#fff}
footer .argent{height:30px;width:auto;margin-top:22px}
.bigname{white-space:nowrap;font:700 clamp(70px,11vw,170px)/1.05 var(--serif);color:#fff;letter-spacing:-.03em;margin:20px 0 34px;overflow:hidden}
.bigname .tr{display:inline-flex;gap:70px;animation:marq 40s linear infinite}
.bigname .tr span:after{content:"·";margin-left:70px;color:var(--wine)}
@keyframes marq{to{transform:translateX(-50%)}}
footer .legal{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center;font-size:11.5px}
footer .legal p{max-width:820px}
footer .eho{display:flex;gap:10px;align-items:center}
footer .eho svg{width:30px;height:33px;fill:currentColor}

/* floating call button */
.fab{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:10px;background:var(--wine);color:#fff;text-decoration:none;font:600 10.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:14px 20px;border-radius:40px;box-shadow:0 14px 30px rgba(122,16,32,.35);transition:transform .5s var(--ease),background .4s;transform:translateY(140px)}
.fab.show{transform:none}
.fab:hover{background:var(--red)}
.fab svg{width:15px;height:15px;fill:currentColor}

@media (max-width:1024px){
  .menu,.navr .tel{display:none}
  .about .grid,.contact .grid,.value .grid,.stats .grid{grid-template-columns:1fr;gap:56px}
  .svc{grid-template-columns:1fr}
  .svc a{min-height:auto;padding:46px 30px;border-right:0;border-bottom:1px solid var(--line);gap:60px}
  .svc a:last-child{border-bottom:0}
  .svc .num{font-size:120px}
  .ig .grid{grid-template-columns:repeat(3,1fr)}
  .ig .grid a:nth-child(n+4){display:none}
  footer .cols{grid-template-columns:1fr 1fr}
  .drawer{grid-template-columns:1fr}
  .drawer aside{display:none}
  .listing .in-l{flex-direction:column;align-items:flex-start}
  .listing .price{text-align:left}
}
@media (max-width:640px){
  .wrap{padding:0 22px}
  .nav .wrap{padding:0 20px}
  .brand small{display:none}
  .hero .foot{left:22px;right:22px}
  .hero .foot .loc{display:none}
  .about,.contact,.value,.ig{padding:90px 0}
  form .r2{grid-template-columns:1fr;gap:0}
  .listing .tags{left:22px;top:90px}
  .listing .in-l{padding:0 22px}
  .listing .court{left:22px;right:80px}.listing .count{right:22px}
  .stats{padding:100px 0}
  footer .cols{grid-template-columns:1fr}
  .fab span{display:none}
  .fab{padding:16px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-r]{opacity:1;transform:none}.lines>span>span{transform:none}.hero .bg{transform:none}}