*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#17211d;background:#fff;font-family:Inter,Arial,sans-serif}.wrap{width:min(1150px,calc(100% - 40px));margin:auto}header{height:76px;border-bottom:1px solid #e7ebe8;background:#fff}.nav{height:100%;display:flex;align-items:center}.logo{width:195px}.nav nav{margin-left:auto;display:flex;gap:29px;height:100%}.nav a{display:flex;align-items:center;color:#25332e;text-decoration:none;font-size:13px;border-bottom:2px solid transparent}.nav .active{color:#245d4c;border-color:#245d4c}.soon{margin-left:28px;border:1px solid #aac4b9;border-radius:999px;padding:9px 13px;color:#245d4c;font-size:11px;font-weight:800;text-transform:uppercase}.hero{height:500px;position:relative;background:#17251f url("../images/hero.jpg") center 45%/cover no-repeat;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,12,.90),rgba(7,15,12,.50) 54%,rgba(7,15,12,.08))}.hero-copy{position:relative;color:#fff}.hero h1{font:700 clamp(52px,6vw,76px)/.98 Georgia,serif;letter-spacing:-.035em;margin:0 0 18px}.hero-copy>p{font-size:18px;line-height:1.5;max-width:650px;margin:0}.search{margin-top:31px;background:#fff;color:#17211d;border-radius:13px;padding:9px;display:grid;grid-template-columns:1.6fr .85fr .9fr .9fr 1fr;box-shadow:0 14px 38px rgba(0,0,0,.33)}.search>div{display:flex;align-items:center;gap:12px;padding:7px 13px;border-right:1px solid #e6e9e7}.search i{font-style:normal;color:#245d4c;font-size:22px}.search b,.search small{display:block}.search b{font-size:13px}.search small{font-size:12px;color:#78817d;margin-top:4px}.search button{border:0;background:#245d4c;color:#fff;border-radius:9px;font-size:14px;font-weight:800}.hero em{display:block;margin:12px 4px 0;font-style:normal;font-size:12px;color:#dbe7e1}.benefits{border-bottom:1px solid #e8ebe9}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.benefit-grid article{text-align:center;padding:0 25px;border-right:1px solid #e2e6e3}.benefit-grid article:last-child{border:0}.benefit-grid i{font-style:normal;font-size:29px;color:#245d4c}.benefit-grid h3{font:700 17px Georgia,serif;margin:12px 0 6px}.benefit-grid p{font-size:13px;line-height:1.5;color:#6a746f;margin:0}.destinations{padding:52px 0 25px}.heading{display:flex;align-items:end;justify-content:space-between}.heading h2,.promo h2{font:700 31px Georgia,serif;margin:0 0 8px}.heading p{margin:0;color:#68726d}.heading>span{font-size:13px;color:#245d4c;font-weight:700}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.city-grid article{height:205px;background-size:cover;background-position:center;border-radius:9px;display:flex;align-items:end;justify-content:space-between;padding:17px;color:#fff;box-shadow:inset 0 -105px 72px rgba(0,0,0,.65)}.city-grid h3{font:700 21px Georgia,serif;margin:0}.city-grid p{font-size:12px;margin:4px 0 0}.city-grid b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#17211d}.promo{min-height:150px;margin-top:0;margin-bottom:38px;border-radius:10px;background:linear-gradient(90deg,rgba(21,16,13,.95),rgba(21,16,13,.72),rgba(21,16,13,.08)),url("../images/food.jpg") center/cover;color:#fff;display:flex;align-items:center;padding:28px 45px}.promo>div{max-width:540px}.promo p{line-height:1.5;margin:0 0 15px}.promo span{display:inline-block;background:#3c755f;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800}footer{border-top:1px solid #e8ebe9}.footer{min-height:100px;display:flex;align-items:center}.footer img{width:170px}.footer p{font-size:11px;color:#68726d;margin:2px 0}.footer nav{display:flex;gap:27px;margin-left:auto;margin-right:50px}.footer a,.footer small{font-size:11px;color:#3b4541}@media(max-width:800px){.nav nav{display:none}.soon{margin-left:auto}.hero{height:auto;min-height:600px}.search{grid-template-columns:1fr}.search>div{border-right:0;border-bottom:1px solid #eee}.search button{min-height:54px}.benefit-grid,.city-grid{grid-template-columns:1fr 1fr}.footer nav{display:none}}@media(max-width:520px){.benefit-grid,.city-grid{grid-template-columns:1fr}.heading>span{display:none}.promo{padding:28px}.footer{display:block;padding:25px 0}.footer small{display:block;margin-top:15px}}