/* Three cottages: reclaimed timber and contemporary Premium, v13. */
.jab{--premium-bg:#26342f;--premium-text:#f3ecdf;--premium-muted:#d2d6ca;--premium-accent:#dbbc83}
.jab .stay-nav{gap:clamp(16px,2.3vw,34px)}
.cottages-intro{padding-bottom:80px}
.cottages-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;margin-bottom:52px}
.cottages-heading h2{margin-bottom:0}
.cottages-heading>p{font-size:1.05rem;color:var(--muted);margin:0}
.cottage-choices{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.cottage-choice{display:flex;flex-direction:column;background:#e8e3d7;border:1px solid #24382d26;overflow:hidden}
.cottage-image{position:relative;aspect-ratio:3/2;overflow:hidden}
.cottage-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.cottage-marker{position:absolute;left:20px;top:20px;padding:11px 14px;background:#f3f0e7f5;color:var(--ink);font-size:.72rem;letter-spacing:.12em;font-weight:600}
.cottage-choice-copy{padding:32px 34px 22px;flex:1;display:flex;flex-direction:column}
.cottage-choice-copy .eyebrow{font-size:.68rem;margin-bottom:17px}
.cottage-choice h3{font:clamp(28px,3.1vw,44px)/1.12 var(--serif);letter-spacing:-.025em;margin-bottom:18px}
.cottage-choice-copy>p:not(.eyebrow){font-size:.97rem;color:var(--muted);margin-bottom:28px;max-width:35ch}
.cottage-action{margin-top:auto;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #24382d40;padding-top:10px;font-size:.85rem}
.cottage-action>span{font-size:25px}
.premium-choice{background:var(--premium-bg);color:var(--premium-text)}
.premium-choice .eyebrow{color:var(--premium-accent)}
.premium-choice .cottage-choice-copy>p:not(.eyebrow){color:var(--premium-muted)}
.premium-choice .cottage-action{border-color:#d2d6ca55}
.cottage-choice:hover .cottage-action{text-decoration:underline;text-underline-offset:5px}
@media(hover:hover){.cottage-choice:hover img{transform:scale(1.035)}}
.timber-story{display:grid;grid-template-columns:.95fr 1.05fr;gap:10%;align-items:center;background:#e7e4d9}
.timber-story-image{position:relative;padding:0 18px 30px 0}
.timber-story-image .photo-link{aspect-ratio:4/5}
.timber-story-image img{width:100%;height:100%;object-fit:cover}
.timber-image-note{position:absolute;bottom:0;right:0;background:var(--ink);color:var(--paper);padding:21px 24px;font:italic 22px/1.3 var(--serif)}
.timber-story-copy h2{font-size:clamp(38px,4.7vw,66px)}
.timber-story-copy>p:not(.eyebrow){color:var(--muted);font-size:1rem}
.timber-story-copy .text-link{margin-top:10px;min-height:44px;display:inline-flex;align-items:center;gap:18px}
.premium-retreat{background:var(--premium-bg);color:var(--premium-text)}
.premium-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end;padding-bottom:55px}
.premium-heading .eyebrow{color:var(--premium-accent)}
.premium-heading h2{margin-bottom:0;font-size:clamp(46px,6.2vw,88px)}
.premium-heading>p{color:var(--premium-muted);font-size:1.05rem;margin:0;line-height:1.8}
.premium-panorama{margin:0}
.premium-panorama .photo-link{aspect-ratio:16/9}
.premium-panorama img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
.premium-panorama figcaption{display:flex;justify-content:space-between;gap:15px;padding:17px max(6%,calc((100vw - 1280px)/2));color:var(--premium-muted);font-size:.7rem;letter-spacing:.05em;line-height:1.65}
.premium-bottom{padding-top:50px;padding-bottom:75px}
.premium-details{display:grid;grid-template-columns:repeat(3,1fr);gap:7%}
.premium-details>div{border-top:1px solid #d2d6ca60;padding-top:25px}
.premium-details span{font-size:.74rem;letter-spacing:.1em;color:var(--premium-accent)}
.premium-details h3{font:30px/1.2 var(--serif);margin:16px 0 12px}
.premium-details p{font-size:.95rem;color:var(--premium-muted);max-width:27ch}
.premium-invitation{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #d2d6ca60;margin-top:40px;padding-top:40px}
.premium-invitation>p{font:clamp(27px,3vw,40px)/1.25 var(--serif);margin:0}
.premium-invitation small{display:block;font-size:.76rem;line-height:1.7;margin-top:12px;color:var(--premium-muted)}
.cottage-contact-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.cottage-contact-actions .button.outline{color:var(--paper)}
@media(max-width:1000px){
 .cottages-heading{gap:6%}
 .timber-story{gap:6%}
 .cottage-choice-copy{padding:26px 25px 20px}
 .premium-heading{grid-template-columns:1fr 1fr;gap:6%}
 .premium-invitation{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
 .cottages-heading,.timber-story,.premium-heading{grid-template-columns:1fr;gap:30px}
 .cottages-heading{margin-bottom:32px}
 .cottage-choices{grid-template-columns:1fr;gap:26px}
 .cottages-intro{padding-bottom:55px}
 .cottage-choice h3{font-size:35px}
 .cottage-choice h3 br{display:none}
 .cottage-image{aspect-ratio:3/2}
 .cottage-marker{left:15px;top:15px;font-size:.67rem}
 .cottage-choice-copy{padding:26px 23px 20px}
 .cottage-choice-copy>p:not(.eyebrow){margin-bottom:24px}
 .timber-story-image{max-width:460px}
 .timber-story-image .photo-link{aspect-ratio:4/3}
 .timber-image-note{font-size:20px;padding:17px 18px}
 .premium-heading{padding-bottom:35px}
 .premium-heading>p{font-size:1rem}
 .premium-panorama .photo-link{aspect-ratio:4/3}
 .premium-panorama img{object-position:35% center}
 .premium-panorama figcaption{display:block;padding:16px 7%;font-size:.67rem}
 .premium-panorama figcaption span{display:block}
 .premium-panorama figcaption span+span{margin-top:5px}
 .premium-bottom{padding-top:25px;padding-bottom:55px}
 .premium-details{grid-template-columns:1fr;gap:12px}
 .premium-details>div{padding-top:19px;display:grid;grid-template-columns:28px 1fr;gap:0 14px}
 .premium-details span{padding-top:4px}
 .premium-details h3{margin:0 0 10px;font-size:27px}
 .premium-details p{grid-column:2;max-width:none}
 .premium-invitation{margin-top:15px;padding-top:28px;gap:26px}
 .premium-invitation>p{font-size:29px}
 .premium-invitation .button{font-size:.86rem;padding:13px 16px;gap:15px;min-height:48px}
 .premium-invitation>div{max-width:100%}
 .cottage-contact-actions{flex-direction:column;align-items:stretch}
 .cottage-contact-actions .button{margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){.cottage-image img{transition:none}.cottage-choice:hover img{transform:none}}