/* Free scrolling: no snap correction or image zoom on gesture start/end. */
.features-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:38px}.features-heading h2{font-size:clamp(30px,2.5vw,40px);line-height:1.2;flex-shrink:0}.features-tabs{display:flex;gap:4px;padding:4px;border:1px solid #dfe4d9;border-radius:99px;background:#f9faf6;overflow-x:auto;max-width:100%;scrollbar-width:none}.features-tabs::-webkit-scrollbar{display:none}.features-tab{flex-shrink:0;background:none;padding:11px 24px;min-height:44px;border-radius:99px;white-space:nowrap;font-size:14px;color:#757d6b;transition:color .2s,background .25s}.features-tab.active{background:#171c15;color:#fff}.features-tab:hover:not(.active){color:#354b2d;background:#e9eee2}.features-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;padding-bottom:2px;overscroll-behavior-x:contain;outline-offset:5px}.features-rail::-webkit-scrollbar{display:none}.features-card{position:relative;flex:0 0 calc((100% - 48px)/3.45);min-width:0;aspect-ratio:3/4;min-height:420px;overflow:hidden;border-radius:22px;contain:layout paint;isolation:isolate;background:#dce2d5}.features-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.features-card:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0c160a85,transparent 48%,#0c160a35)}.features-card h3{position:absolute;top:22px;left:22px;right:22px;z-index:3;color:#fff;font:500 20px/1.35 var(--sans);letter-spacing:-.025em}.features-more{position:absolute;right:20px;bottom:20px;z-index:4;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#171c15;color:white;transition:background .25s,transform .25s var(--ease)}.features-more:hover{background:#3a512d}.features-more:focus-visible{outline:2px solid white;outline-offset:4px}.features-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.features-controls button{width:42px;height:42px;border:1px solid #d6ddcd;border-radius:50%;background:transparent;display:grid;place-items:center;transition:background .25s}.features-controls button:hover{background:#e6ecdf}.features-controls button:disabled{opacity:.3;cursor:default}.features-controls button:disabled:hover{background:transparent}.feature-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:30px;overflow:auto;background:#f8f9f4}.feature-dialog::backdrop{background:#14200bcc;backdrop-filter:blur(6px)}.feature-dialog>img{width:100%;height:280px;object-fit:cover}.feature-dialog .close-dialog{top:18px;right:18px;z-index:2;background:#fffffff0;border:none}.feature-dialog-copy{padding:32px}.feature-dialog-copy h2{font-size:30px;line-height:1.25;margin-bottom:18px}.feature-dialog-copy p{font-size:16px;line-height:1.75;color:#737b69}.feature-dialog-copy ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:22px 0 0}.feature-dialog-copy li{font-size:13px;padding:7px 12px;border-radius:99px;background:#e6ecdf}.feature-dialog-copy .text-link{margin-top:24px}
@media(max-width:1050px){.features-heading{gap:24px}.features-tab{padding:10px 17px;font-size:13px}.features-card{flex-basis:calc((100% - 24px)/2.45);min-height:380px}.features-card h3{font-size:19px}}
@media(max-width:800px){.features-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:28px}.features-tabs{width:100%;justify-content:flex-start}.features-rail{gap:14px}.features-card{flex-basis:calc((100% - 14px)/1.65);min-height:390px}.features-card h3{left:20px;right:20px;top:20px;font-size:19px}}
@media(max-width:520px){.features-card{flex-basis:86%;min-height:390px;aspect-ratio:3/4;border-radius:24px}.features-tab{padding:10px 16px;font-size:13px}.features-more{width:48px;height:48px;right:18px;bottom:18px}.features-controls{margin-top:16px}.feature-dialog>img{height:220px}.feature-dialog-copy{padding:26px 24px}.feature-dialog-copy h2{font-size:26px}.feature-dialog-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.features-more:hover{transform:none}.features-more{transition:none}}
.feature-dialog[open]{animation:dialog-in .25s var(--ease)}
.features-rail{touch-action:auto}
.features-rail.is-dragging{user-select:none}
.features-card>img{-webkit-user-drag:none;user-select:none}

/* Details unfold downward inside the photo card. */
.features-curtain{position:absolute;inset:0;z-index:2;padding:98px 22px 88px;background:rgba(53,75,45,.97);color:#fff;clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path .5s var(--ease)}
.features-curtain-copy{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .35s var(--ease)}
.features-curtain-copy p{font:400 15px/1.65 var(--sans);color:#f3f6ed;overflow-wrap:break-word}
.features-curtain-copy ul{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 0}
.features-curtain-copy li{padding:6px 10px;background:#ffffff12;border-radius:99px;font-size:12px;line-height:1.5}
.features-curtain-link{display:inline-block;color:#fff;margin-top:18px;padding:4px 0;border-bottom:1px solid #ffffff70;font-size:13px}
.features-curtain-link:hover{border-color:#fff}.features-curtain-link:focus-visible{outline:2px solid white;outline-offset:4px}
.features-card.is-expanded .features-curtain{clip-path:inset(0);pointer-events:auto}
.features-card.is-expanded .features-curtain-copy{opacity:1;transform:none;transition-delay:.1s}
.features-more svg{transition:transform .4s var(--ease)}
.features-card.is-expanded .features-more{background:#fff;color:#171c15}
.features-card.is-expanded .features-more svg{transform:rotate(45deg)}

@media(max-width:800px){.features-curtain{padding:96px 20px 84px}}
@media(prefers-reduced-motion:reduce){.features-curtain,.features-curtain-copy,.features-more svg{transition:none}}

@media(max-width:700px){.features-controls{display:none}}

/* Match the light capsule used by the interior selector. */
.features-tabs{border:0;background:#e9ece5;touch-action:pan-y pinch-zoom;user-select:none}
.features-tab.active{background:#fff;color:#354b2d}
.features-rail{cursor:grab}.features-rail.is-dragging{cursor:grabbing}