@import url('/assets/stays/navigation.css?v=3-house-paintings');
/* The selected painted canopy covers the seam. Content begins just below its trailing leaves. */
.stay-section{position:relative;isolation:isolate;padding:29.8vw 3.2vw 0;background:var(--paper);color:var(--forest);scroll-margin-top:0}
.section-divider{position:absolute;top:-26.5625vw;left:0;width:100%;height:auto;z-index:2;pointer-events:none;user-select:none}
.section-divider[hidden]{display:none}.stay-definitions{position:absolute;pointer-events:none}
.stay-section__body{position:relative;z-index:3;max-width:1720px;margin:auto;padding-bottom:clamp(150px,16vw,245px)}
.stay-section__heading{display:flex;align-items:center;justify-content:space-between;gap:4vw;margin:0 1.7vw 2.2vw}
.stay-section h2,.stay-card h3{font-family:Veluwe,Impact,sans-serif;font-weight:400;color:var(--cobalt);margin:0;line-height:1}
.stay-section h2{font-size:clamp(38px,5.35vw,90px);letter-spacing:-.02em}
.stay-section h2,.stay-card h3{-webkit-mask-image:url('/assets/lettering/hero-ink-v03.webp');mask-image:url('/assets/lettering/hero-ink-v03.webp');-webkit-mask-size:520px 520px;mask-size:520px 520px}
.stay-section__intro{display:flex;align-items:center;gap:24px;font:600 clamp(17px,1.9vw,31px)/1.3 'Arial Narrow',Arial,sans-serif;letter-spacing:-.045em;margin:8px 0 0}
.stay-gallery{overflow:visible}
.stay-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8vw;align-items:start;width:100%}
.stay-card{min-width:0}
.stay-card__link{display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.stay-card__art{display:block;width:100%;height:auto;aspect-ratio:488/600;overflow:visible}
.stay-card__painting{transform-origin:244px 300px;transition:transform 650ms cubic-bezier(.22,.61,.36,1)}
@media(hover:hover){.stay-card__link:hover .stay-card__painting{transform:scale(1.025)}.stay-card__link:hover .stay-card__arrow{transform:translateX(5px)}}
.stay-card h3{font-size:clamp(29px,2.65vw,47px);margin:10px .8vw 10px}
.stay-card__details{display:flex;align-items:center;margin:0 .8vw;gap:10px;font:clamp(11px,1.05vw,18px)/1.3 'Arial Narrow',Arial,sans-serif;white-space:nowrap}
.stay-card__fact{display:flex;align-items:center;gap:9px;min-height:30px}
.stay-card__fact svg,.stay-card__fact .stay-setting-icon{width:clamp(23px,2vw,34px);height:32px;flex-shrink:0;fill:currentColor;object-fit:contain}
.stay-card__setting{border-left:1px solid #123c3266;padding-left:clamp(8px,1.25vw,21px);margin-left:auto}
.stay-card__arrow{border-left:1px solid #123c3266;display:flex;align-items:center;justify-content:center;padding-left:clamp(8px,1.1vw,18px);margin-left:auto;color:#f4511e;transition:transform .3s ease}
.stay-card__arrow svg{width:30px;height:30px}
.stay-decoration-window{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}
.stay-decoration{position:absolute;pointer-events:none;user-select:none;height:auto}
.stay-decoration--oak{width:clamp(210px,24vw,410px);left:-11vw;bottom:-11vw;transform:rotate(22deg)}
.stay-decoration--heather{width:auto;height:clamp(150px,15vw,230px);right:0;bottom:0}
.stay-card__link:focus-visible{outline:2px solid var(--cobalt);outline-offset:5px}
@media(max-width:1050px) and (min-width:701px){.stay-card__details{gap:6px;font-size:11px}.stay-card__fact{gap:5px}.stay-card__setting{padding-left:6px}.stay-card__arrow{padding-left:6px}.stay-card__arrow svg{width:23px}}
@media(max-width:700px){.stay-section{padding:30vw 5vw 0}.stay-section__body{padding-bottom:175px}.stay-section__heading{display:block;margin:0 0 23px}.stay-section h2{font-size:clamp(37px,8.5vw,58px)}.stay-section__intro{font-size:18px;gap:15px;letter-spacing:-.045em}.stay-track{grid-template-columns:1fr;gap:38px}.stay-card h3{font-size:38px;margin:12px 3px}.stay-card__details{font-size:14px;margin:0 3px;gap:8px}.stay-card__fact{gap:9px}.stay-card__fact svg,.stay-card__fact .stay-setting-icon{width:29px}.stay-card__setting{padding-left:12px}.stay-card__arrow{padding-left:12px}.stay-decoration--oak{width:190px;left:-100px;bottom:-80px}.stay-decoration--heather{width:auto;height:150px;right:0;bottom:0}}
@media(prefers-reduced-motion:reduce){.stay-card__painting,.stay-card__arrow{transition:none}.stay-card__link:hover .stay-card__painting{transform:none}}
