:root{--dark:#14241f;--green:#c8f34a;--paper:#f3f1e9;--ink:#17221e;--muted:#69736e;--line:#d8dcd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fafaf7}button,input{font:inherit}a{color:inherit}.header{height:78px;padding:0 5vw;background:var(--dark);color:#fff;display:flex;align-items:center;gap:6vw;position:relative;z-index:5}.logo{text-decoration:none;font-weight:800;letter-spacing:1.5px;font-size:14px}.logo span{display:inline-grid;place-items:center;background:var(--green);color:var(--dark);width:38px;height:38px;border-radius:50%;margin-right:9px;letter-spacing:-1px}.header nav{display:flex;gap:32px;margin:auto}.header nav a{text-decoration:none;font-size:13px;color:#bfc9c3}.header nav a:hover{color:#fff}.cabinet{border:1px solid #53635c;background:transparent;color:#fff;border-radius:5px;padding:11px 15px;cursor:pointer}.cabinet i{font-style:normal;color:var(--green);margin-left:8px}.hero{height:calc(100vh - 78px);min-height:650px;max-height:820px;background:url('fon.png') center/cover;position:relative;color:#fff;display:flex;align-items:center}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,24,18,.93) 0%,rgba(9,24,18,.76) 48%,rgba(9,24,18,.12) 80%),linear-gradient(0deg,rgba(7,18,14,.35),transparent 55%)}.hero__content{position:relative;margin-left:8vw;width:min(760px,70vw);padding-bottom:25px}.label{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;color:#c0cbc5}.label span{width:25px;height:2px;background:var(--green)}.label.dark{color:#68736d}.hero h1{font-size:clamp(52px,6.3vw,92px);line-height:.98;letter-spacing:-5px;margin:30px 0 25px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lead{font-size:17px;line-height:1.7;color:#c3cec8;max-width:620px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;background:var(--green);color:var(--dark);padding:16px 19px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:800;cursor:pointer;margin-top:20px}.primary:hover{filter:brightness(.96)}.hero__meta{display:flex;gap:55px;margin-top:50px}.hero__meta span{display:flex;flex-direction:column}.hero__meta b{font-size:20px}.hero__meta small{color:#98a79f;margin-top:5px}.availability{position:absolute;right:5vw;bottom:45px;background:rgba(255,255,255,.93);color:var(--dark);padding:18px 22px;border-radius:5px;display:flex;align-items:center;gap:13px}.availability div{display:flex;flex-direction:column}.availability small{color:#727d77;font-size:10px;text-transform:uppercase;letter-spacing:1px}.pulse{width:9px;height:9px;border-radius:50%;background:#56b66a;box-shadow:0 0 0 6px #56b66a22}.intro{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:5vw;padding:110px 7vw;background:var(--paper);align-items:start}.intro>p:first-child{font-weight:800;text-transform:uppercase;font-size:12px}.intro h2,.section-title h2,.how h2,.contact h2{font-size:clamp(38px,4.5vw,66px);line-height:1.06;letter-spacing:-3px;margin:0}.intro__text{color:var(--muted);line-height:1.8;margin:0}.places{padding:100px 6vw}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-title h2{margin-top:18px}.section-title>p{max-width:300px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.filters button{border:1px solid var(--line);background:white;border-radius:30px;padding:10px 14px;cursor:pointer;font-size:12px}.filters button span{color:#87908b;margin-left:6px}.filters button.active{background:var(--dark);color:white;border-color:var(--dark)}.place-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.place-card{background:#fff;border:1px solid #e0e3df;border-radius:7px;overflow:hidden;transition:.2s}.place-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #14241f14}.place-card__visual{height:180px;background:linear-gradient(145deg,var(--tone),#15271f);position:relative;overflow:hidden;padding:13px}.place-card__visual:before{content:"";position:absolute;width:120px;height:260px;border-left:4px solid #ffffff51;border-right:4px solid #ffffff51;left:50%;top:-45px;transform:translateX(-50%) rotate(38deg)}.place-card__visual:after{content:"P";font-weight:800;font-size:85px;color:#ffffff20;position:absolute;right:15px;bottom:-20px}.status{position:relative;z-index:2;background:var(--green);font-size:9px;font-weight:800;text-transform:uppercase;padding:6px 8px;border-radius:20px}.place-number{position:absolute;left:16px;bottom:14px;color:#fff;z-index:2}.place-number small{display:block;color:#c3cec8}.place-number b{font-size:24px}.place-card__body{padding:18px}.place-card__body>small{color:#738078;font-size:10px;text-transform:uppercase;letter-spacing:1px}.place-card h3{font-size:16px;margin:8px 0 14px;min-height:43px}.facts{display:flex;gap:13px;font-size:11px;color:#6f7974;border-top:1px solid #edf0ed;padding:13px 0}.place-card__bottom{display:flex;align-items:center;justify-content:space-between}.place-card__bottom strong{font-size:13px}.place-card__bottom button{border:0;background:var(--dark);color:#fff;width:36px;height:36px;border-radius:4px;cursor:pointer}.how{background:var(--dark);color:#fff;padding:100px 7vw;display:grid;grid-template-columns:1fr 1.4fr;gap:10vw}.how h2{margin-top:20px}.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how li{border-top:1px solid #405049;padding-top:18px}.how li b{color:var(--green);font-size:11px}.how li strong{display:block;font-size:16px;margin:40px 0 8px}.how li p{font-size:12px;color:#9daba4;line-height:1.6}.contact{background:var(--green);padding:85px 7vw;display:flex;justify-content:space-between;align-items:end}.contact h2{margin-top:20px}.dark-button{background:var(--dark);color:white;margin-bottom:8px}footer{background:#0c1511;color:#fff;padding:45px 6vw;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:30px}footer p,footer small{color:#8f9c95;font-size:12px}footer>a:not(.logo){text-decoration:none}footer small{grid-column:1/-1;border-top:1px solid #29362f;padding-top:22px}dialog{border:0;border-radius:9px;padding:0;width:min(510px,92vw);box-shadow:0 30px 100px #0007}dialog::backdrop{background:#09140ec7;backdrop-filter:blur(5px)}dialog form,.cabinet-content{padding:38px}dialog h2{font-size:29px;letter-spacing:-1px;margin-bottom:7px}dialog form>p:not(.label),.cabinet-content>p:not(.label){color:var(--muted)}dialog label{display:block;margin:15px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}dialog input:not([type=checkbox]){display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:4px;margin-top:7px}.agree{display:flex;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}.close{position:absolute;right:13px;top:13px;border:0;background:#eef0ed;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--dark);color:white;padding:14px 20px;border-radius:5px;opacity:0;transition:.25s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.place-grid{grid-template-columns:repeat(2,1fr)}.intro{grid-template-columns:1fr 2fr}.intro__text{grid-column:2}.header nav{display:none}.hero__content{width:80vw}.how{grid-template-columns:1fr}.contact{align-items:start}.hero__shade{background:linear-gradient(90deg,rgba(9,24,18,.93),rgba(9,24,18,.5))}}@media(max-width:650px){.header{height:68px;justify-content:space-between}.cabinet{font-size:0}.cabinet i{font-size:14px;margin:0}.hero{min-height:680px;height:calc(100vh - 68px)}.hero__content{margin:0 6vw;width:88vw}.hero h1{font-size:48px;letter-spacing:-3px}.lead{font-size:14px}.hero__meta{gap:20px}.hero__meta b{font-size:15px}.hero__meta small{font-size:9px}.availability{right:6vw;left:6vw;bottom:25px}.intro{grid-template-columns:1fr;padding:70px 6vw}.intro__text{grid-column:auto}.section-title{display:block}.section-title>p{margin-top:25px}.places{padding:70px 5vw}.place-grid{grid-template-columns:1fr}.how{padding:70px 6vw}.how ol{grid-template-columns:1fr}.how li strong{margin-top:15px}.contact{padding:65px 6vw;display:block}.contact .primary{margin-top:30px}footer{grid-template-columns:1fr}.intro h2,.section-title h2,.how h2,.contact h2{letter-spacing:-2px}.place-card__visual{height:210px}}
