.bg-pearl{background:#fff6ee}.bg-black{background:#000}.bg-mint{background:#d3f4e2}.bg-pine{background:#03413a}.bg-blush{background:#ffd3c1}.bg-amber{background:#b23012}.bg-taupe{background:#bfa58a}.bg-white{background:#fff}.text-pearl{color:#fff6ee}.text-black{color:#000}.text-mint{color:#d3f4e2}.text-pine{color:#03413a}.text-blush{color:#ffd3c1}.text-amber{color:#b23012}.text-taupe{color:#bfa58a}.text-white{color:#fff}@font-face{font-family:"Romie";src:url("/content/themes/base/assets/font/Romie.woff") format("woff")}@font-face{font-family:"FoundersGrotesk-Regular";src:url("/content/themes/base/assets/font/FoundersGrotesk-Regular.woff") format("woff")}@font-face{font-family:"FoundersGrotesk-Bold";src:url("/content/themes/base/assets/font/FoundersGrotesk-Bold.woff") format("woff")}@font-face{font-family:"FoundersGrotesk-Italic";src:url("/content/themes/base/assets/font/FoundersGrotesk-Italic.woff") format("woff")}@font-face{font-family:"Batusa";src:url("/content/themes/base/assets/font/Batusa.woff") format("woff")}.header__banner{background:#4b3a28;padding:12px 30px 14px;text-align:center;width:100%}@media(min-width:768px){.header__banner{padding:15px 30px 18px}}@media(min-width:1280px){.header__banner{padding:25px 30px}}.header__banner .crawford-link{font-family:bicyclette,sans-serif;font-weight:400;font-style:normal;color:#fff6ee;font-size:13px;line-height:18px;letter-spacing:1.3px;margin-left:43px;position:relative;text-decoration:none;text-transform:uppercase}@media(min-width:768px){.header__banner .crawford-link{font-size:16px;letter-spacing:1.6px}}@media(min-width:1280px){.header__banner .crawford-link{font-size:18px;letter-spacing:1.8px}}@media(min-width:1920px){.header__banner .crawford-link{font-size:21px;letter-spacing:2.1px}}.header__banner .crawford-link:before{content:"";background:url("/content/themes/base/assets/img/icons/arrow-left.svg");background-repeat:no-repeat;background-size:27px 18px;-webkit-filter:brightness(0) saturate(100%) invert(83%) sepia(72%) saturate(196%) hue-rotate(301deg) brightness(112%) contrast(100%);filter:brightness(0) saturate(100%) invert(83%) sepia(72%) saturate(196%) hue-rotate(301deg) brightness(112%) contrast(100%);height:18px;left:-43px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:left ease-in-out .3s;transition:left ease-in-out .3s;width:27px}.header__banner .crawford-link:hover:before,.header__banner .crawford-link:focus:before{left:-47px}.header__main{position:relative;width:100%}.header__logo{background-image:url("/content/themes/base/assets/img/mercantile/the-crawford-hotel.png");background-repeat:no-repeat;background-size:151px 55px;height:55px;left:50%;position:absolute;top:35px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:151px;z-index:3}@media(min-width:768px){.header__logo{background-size:167px 60px;height:60px;top:33px;width:167px}}@media(min-width:1280px){.header__logo{background-size:226px 82px;height:82px;top:33px;width:226px}}@media(min-width:1920px){.header__logo{background-size:272px 99px;height:99px;top:52px;width:272px}}.header__cta{position:absolute;bottom:0;left:0;right:0;z-index:3}@media(min-width:768px){.header__cta{bottom:unset;left:unset;right:40px;top:40px}}@media(min-width:1280px){.header__cta{right:63px;top:43px}}@media(min-width:1920px){.header__cta{right:119px;top:71px}}.header__cta .booking-btn{font-family:bicyclette,sans-serif;font-weight:400;font-style:normal;background:#4b3a28;color:#f4efea;display:block;font-size:15px;letter-spacing:.45px;padding:24px 32px;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;width:100%}.header__cta .booking-btn:hover,.header__cta .booking-btn:focus{background:#f4efea;color:#03413a}@media(min-width:768px){.header__cta .booking-btn{background:#fff6ee;color:#03413a;font-size:13px;letter-spacing:.39px;padding:11px}.header__cta .booking-btn:hover,.header__cta .booking-btn:focus{background:#4b3a28;color:#f4efea}}@media(min-width:1280px){.header__cta .booking-btn{font-size:16px;padding:18px 33px}}.header__hero .hero .hero__content{bottom:153px}@media(min-width:768px){.header__hero .hero .hero__content{bottom:118px}}@media(min-width:1280px){.header__hero .hero .hero__content{bottom:62px}}.header__hero .hero .hero__content p>img{height:auto;width:calc(211px + ((100vw - 360px) / ((767 - 360) / (263 - 211))))}