/* Homepage introduction: three tipis, followed by the two mast tents. */
.home-tent-overview{padding-block:64px;scroll-margin-top:100px}
.home-tent-overview>.container{max-width:1120px}
.home-tents-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:34px}
.home-tents-heading>.eyebrow,.home-tents-heading .eyebrow{font-size:12px;letter-spacing:.16em;margin-bottom:16px}
.home-tents-heading h2{font-size:clamp(39px,3.8vw,51px);line-height:1.05}
.home-tents-heading h2 em{color:#e9d4aa}
.home-tents-intro{max-width:295px;padding-bottom:3px}
.home-tents-intro>p{font-size:13px;line-height:1.85;color:#d0d6c9}
.home-tents-intro .text-link{font-size:14px;margin-top:15px;min-height:44px;gap:25px}
.home-tent-family+.home-tent-family{margin-top:28px}
.home-family-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #637461;padding:16px 0}
.home-family-heading h3{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1.2}
.home-family-heading h3>span{color:#c8d0c0;font:9px/1.6 var(--sans);letter-spacing:.04em;align-self:flex-start;margin-top:3px}
.home-family-heading>p{font-size:10px;letter-spacing:.025em;color:#c8d0c0}
.home-tipi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-tent-card{min-width:0;display:flex}
.home-tent-link{display:flex;flex-direction:column;width:100%;min-width:0;background:#294035;transition:background .2s ease}
.home-tent-photo{overflow:hidden;min-width:0;background:#182c22}
.home-tent-photo>img{width:100%;height:100%;aspect-ratio:1.65;object-fit:cover;transition:transform .4s ease}
.home-tent-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:20px 22px 16px}
.home-tent-copy .eyebrow{font-size:12px;letter-spacing:.09em;line-height:1.7;margin:0 0 9px;color:#d0d6c9}
.home-tent-copy h4{font:34px/1.12 var(--serif);letter-spacing:-.025em;margin:0;color:var(--canvas)}
.home-tent-description{font-size:13px;line-height:1.8;margin-top:10px;margin-bottom:16px;color:#d0d6c9;max-width:36ch}
.home-tent-action{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:35px;margin-top:auto;padding-top:10px;border-top:1px solid #64735f;color:var(--canvas);font-size:11px;font-weight:600;line-height:1.5}
.home-tent-action>span{font-size:22px;font-weight:400;line-height:1;transition:transform .2s ease}
.home-mast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-mast-grid .home-tent-link{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.home-mast-grid .home-tent-photo{position:relative;min-height:192px}
.home-mast-grid .home-tent-photo>img{position:absolute;inset:0;aspect-ratio:auto}
.home-mast-grid .home-tent-copy{padding:20px 22px 16px}
.home-mast-grid .home-tent-copy h4{font-size:29px}
.home-mast-grid .home-tent-description{margin-bottom:14px}
.home-tent-overview a:focus-visible{outline:2px solid #e9d4aa;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .home-tent-link:hover{background:#324c3c}
 .home-tent-link:hover .home-tent-photo>img{transform:scale(1.025)}
 .home-tent-link:hover .home-tent-action>span{transform:translate(2px,-2px)}
}
@media(max-width:1000px){
 .home-tents-heading{gap:32px}
 .home-tents-intro{max-width:250px}
 .home-tipi-grid,.home-mast-grid{gap:16px}
 .home-tent-copy{padding:18px 16px 14px}
 .home-tent-copy h4{font-size:29px}
 .home-tent-description{font-size:13px;line-height:1.75}
 .home-mast-grid .home-tent-link{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .home-mast-grid .home-tent-copy{padding:17px 15px 14px}
 .home-mast-grid .home-tent-copy h4{font-size:26px}
 .home-mast-grid .home-tent-photo{min-height:204px}
}
@media(max-width:700px){
 .home-tent-overview{padding-block:40px}
 .home-tent-overview>.container{max-width:480px}
 .home-tents-heading{display:block;margin-bottom:24px}
 .home-tents-heading .eyebrow{margin-bottom:13px}
 .home-tents-heading h2{font-size:clamp(35px,8.8vw,43px)}
 .home-tents-intro{max-width:330px;padding:0;margin-top:16px}
 .home-tents-intro>p{font-size:13px;line-height:1.8}
 .home-tents-intro .text-link{margin-top:9px}
 .home-tent-family+.home-tent-family{margin-top:24px}
 .home-family-heading{padding-block:14px;gap:14px}
 .home-family-heading h3{font-size:25px;gap:9px}
 .home-family-heading>p{font-size:9px;max-width:145px;text-align:right}
 .home-tipi-grid,.home-mast-grid{grid-template-columns:1fr;gap:12px}
 .home-tent-link,.home-mast-grid .home-tent-link{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}
 .home-tent-photo,.home-mast-grid .home-tent-photo{position:relative;min-height:180px}
 .home-tent-photo>img{position:absolute;inset:0;aspect-ratio:auto}
 .home-tent-copy,.home-mast-grid .home-tent-copy{padding:17px 16px 13px}
 .home-tent-copy .eyebrow{font-size:12px;letter-spacing:.04em;margin-bottom:8px}
 .home-tent-copy h4,.home-mast-grid .home-tent-copy h4{font-size:27px}
 .home-tent-description,.home-mast-grid .home-tent-description{font-size:12px;line-height:1.75;margin-top:9px;margin-bottom:12px}
 .home-tent-action{font-size:11px;min-height:30px;padding-top:8px}
}
@media(max-width:360px){
 .home-tent-copy,.home-mast-grid .home-tent-copy{padding:15px 12px 12px}
 .home-tent-copy h4,.home-mast-grid .home-tent-copy h4{font-size:25px}
 .home-family-heading>p{max-width:125px}
 .home-tent-action{font-size:11px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.home-tent-link,.home-tent-photo>img,.home-tent-action>span{transition:none}.home-tent-link:hover .home-tent-photo>img,.home-tent-link:hover .home-tent-action>span{transform:none}}
