@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173e43;--teal:#226b66;--bg:#f8f8f4;--line:#e1e6e0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}header,main,footer{max-width:1280px}header{height:104px}.brand{gap:12px}.brand .mark{display:flex;padding:0!important;background:none;border-radius:0;min-width:48px}.mark img{width:48px;height:48px}.brandname{font:800 22px 'Manrope',sans-serif;letter-spacing:-1px}.brandname span{font-weight:500;color:#578078}.beta{font-size:9px;letter-spacing:1.5px;border:0;border-left:1px solid #d4ded4;border-radius:0;margin-left:8px;padding-left:20px;color:#6f8078}.primary{border-radius:9px;background:#1d5c58;box-shadow:0 3px 0 #153f4420;padding:14px 21px}.primary:hover{background:#174c48}.hero{min-height:400px;padding:56px 54px;background:#e9efe7;color:var(--ink);border:1px solid #dce5d9;border-radius:24px;grid-template-columns:1.35fr 1fr;gap:20px}.hero h1{font-size:clamp(37px,4.3vw,58px);font-weight:600;letter-spacing:-2.7px;margin:20px 0}.hero h1 em{color:#397a68}.hero p{color:#60756c;font-size:15px;max-width:460px;line-height:1.8}.hero .eyebrow{color:#648171;font-size:10px;letter-spacing:2.4px}.light{background:#1d5c58;color:#fff;border-radius:9px;padding:14px 22px}.hero .art{display:flex;align-items:center;justify-content:center;min-height:270px}.hero .art:before{content:'';position:absolute;width:282px;height:282px;border:1px solid #cbd9c6;border-radius:50%;box-shadow:0 0 0 28px #e3ebdf,0 0 0 29px #d6e0d0}.brand-emblem{width:168px;height:168px;transform:rotate(-7deg);box-shadow:0 25px 35px #163f4420;border-radius:49px;z-index:1}.art-note{position:absolute;z-index:2;padding:12px 17px;background:#fff;border:1px solid #e3e7dd;border-radius:12px;box-shadow:0 10px 30px #2c4d3f09;font-size:12px;color:#496657;display:flex;align-items:center;gap:9px}.art-note b{font-size:18px;color:#47846b}.note-top{top:28px;right:-6px}.note-bottom{bottom:26px;left:0}.art-caption{position:absolute;bottom:-23px;font-size:10px;letter-spacing:2px;color:#778a78}.notice{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 4px;margin:0 0 42px;line-height:1.7;color:#758173}.notice>span{font-size:18px;color:#558372}.sectiontop h2{font-size:32px;font-weight:700;margin:8px 0 22px}.muted{color:#6e8077}.tabs{gap:30px;margin-bottom:22px}.tabs button{font-size:13px;padding-bottom:15px}.tabs button[aria-selected=true]{border-color:#256f64}.nearby{background:#fff;border:1px solid #dae3d8;border-radius:14px;padding:23px 26px;gap:32px;box-shadow:0 5px 18px #173e4303}.nearby label{font-size:13px;letter-spacing:.1px}.postrow input{width:240px;margin:0;background:#fafbf8;border-color:#d7e0d3;padding:13px}.nearby .primary{width:auto;margin:0;min-width:155px}.nearby>div{min-width:0}.nearby select{margin-top:8px;background:#fafbf8;padding:12px}.nearby .small{font-size:11px;color:#7d897d}.nearby .textbtn{padding:10px}.filters{margin-top:24px;gap:10px}.search{background:#fff;min-height:49px;border-radius:9px}.search input{font-size:13px}.filters select{font-size:12px;border-radius:9px;max-width:180px}#nearStatus{font-size:11px;line-height:1.7;margin:12px 3px;color:#7e8b7d}.resultsbar{margin:18px 0}#count{margin:0;font-size:12px;font-weight:500}.resultsbar>div{display:flex;padding:3px;background:#e9eee5;border-radius:8px;gap:2px}.resultsbar .view{border:0;background:none;border-radius:6px;padding:8px 16px;font-size:12px}.resultsbar .view.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #143d3810}.grid{gap:18px}.card{border-color:#e0e6db;border-radius:14px;box-shadow:0 3px 8px #173e4303;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 12px 25px #173e430c;transform:translateY(-3px)}.cardtop{height:54px;background:#f0f4ed;border-bottom:1px solid #e8eee3;padding:12px 21px}.symbol{font-size:24px;color:#71a18a}.save{top:10px;right:14px;width:30px;height:30px;font-size:18px;border:1px solid #dee7d8;background:white}.cardbody{padding:21px}.tags{gap:5px;flex-wrap:wrap;font-size:9px;letter-spacing:.6px}.tags span{background:#eff4e9;color:#54715b;padding:5px 7px}.tags span:last-child{background:#edf1f3;color:#5a7780}.card h3{font-size:18px;font-weight:700;line-height:1.5;margin:13px 0 10px;letter-spacing:-.5px}.cardbody .address{font-size:12px;line-height:1.8;color:#748176;min-height:45px}.meta{font-size:11px;line-height:1.6;color:#527265}.countryline{font-size:10px;color:#859081}.actions{gap:7px}.actions a{font-size:10px;padding:8px 9px;border-color:#dce5d7;color:#3e6a5b;background:#fff;border-radius:6px}.actions a:hover{background:#eff4e9}.cardbottom{margin-top:18px;padding-top:15px}.cardbottom small{font-size:8px;letter-spacing:.6px;color:#929b8c}.cardbottom button{font-size:11px;white-space:nowrap}.bottom{background:#edf1e7;border:1px solid #e0e6d8;border-radius:16px;margin-top:48px;padding:32px 36px}.bottom .light{background:#fff;color:#335d4e;border:1px solid #d9e3d3;font-size:12px}.bottom .eyebrow{font-size:9px;color:#7d9078}.bottom h2{font-size:26px}.bottom p{font-size:12px}.bottom .light:hover{background:#f9fbf6}footer{align-items:center;padding-top:30px;padding-bottom:35px;gap:22px}footer .mark img{width:36px;height:36px}footer .brand .mark{min-width:36px}footer .brandname{font-size:18px}footer p{font-size:10px;max-width:410px;line-height:1.7}dialog{border:1px solid #e0e6da;border-radius:20px;padding:32px;max-height:90vh}dialog h2{font-size:25px}dialog .actions a{font-size:12px}.pagination .view{font-size:12px;border-color:#dce5d7}.pagination{font-size:12px}#toast{border-radius:12px;box-shadow:0 10px 35px #143d3820}.distance{background:#edf4e4;color:#557744}
@media(max-width:1000px){.hero{padding:40px 35px;grid-template-columns:1.2fr 1fr}.brand-emblem{width:140px;height:140px;border-radius:40px}.hero .art:before{width:230px;height:230px}.note-top{right:-10px}.art-note{font-size:10px;padding:10px 12px}.beta{display:none}.nearby{gap:20px}.postrow{flex-wrap:wrap}.postrow input{width:190px}.nearby .primary{min-width:120px}.filters select{max-width:none}}@media(max-width:750px){.hero{grid-template-columns:1fr;min-height:0;padding:38px}.hero .art{display:none}.hero h1{font-size:45px}.hero p{max-width:520px}.nearby{display:block}.nearby>label{display:block;margin-top:20px}.nearby select{width:100%}.postrow input{flex:1;max-width:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .search{flex-basis:100%}.filters select{flex:1}.brandname{font-size:21px}}@media(max-width:550px){header{height:88px;padding:0 20px}main{padding:0 20px}header .brand{gap:9px}header .brandname{font-size:17px}header .mark img{width:39px;height:39px}header .brand .mark{min-width:39px}header .primary{font-size:11px;padding:11px 12px}.hero{padding:29px 25px;border-radius:18px}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero p{font-size:13px}.hero .light{font-size:12px}.notice{padding:18px 0;font-size:10px;gap:10px;margin-bottom:30px}.sectiontop h2{font-size:27px}.sectiontop .eyebrow{font-size:9px;letter-spacing:1.5px}.sectiontop .textbtn{font-size:10px;max-width:100px}.tabs{gap:24px}.tabs button{font-size:12px}.nearby{padding:20px}.postrow input{width:100%;flex-basis:100%;max-width:none}.nearby .primary{flex:1}.nearby>label{margin-top:17px}.filters{gap:8px}.filters select{flex-basis:40%;font-size:11px}.grid{grid-template-columns:1fr}.cardtop{height:48px}.card h3{font-size:19px}.cardbody .address{min-height:0}.cardbody .actions a{font-size:11px}.bottom{padding:26px}.bottom h2{font-size:24px}footer{padding:25px 20px}.brandname{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
