/* Reusable feature discovery, shared by each Signato feature page. */
.feature-discovery{background:#faf7f1;padding:88px 0 94px}
.feature-discovery .discovery-top{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px}
.feature-discovery h2{margin:0;max-width:770px}.feature-discovery .eyebrow{margin-bottom:18px}
.feature-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b1947e transparent;padding:6px 4px 16px;margin:0 -4px;overscroll-behavior-x:contain}
.feature-card{position:relative;isolation:isolate;min-width:0;min-height:590px;border-radius:23px;background:#e9dccb;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;scroll-snap-align:start;transition:transform .22s ease;outline-offset:-5px}
.feature-card:focus-visible{outline:3px solid #a62c20;outline-offset:-5px}.feature-card:hover{transform:translateY(-4px)}
.feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.feature-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f0e5d7 0%,#f0e5d7 26%,#f0e5d7d9 33%,#f0e5d700 48%,#00000000 72%,#201a16a6 100%)}
.feature-card-content{padding:27px 28px 28px;background:#f0e5d7;position:relative}
.feature-card-content:after{content:'';position:absolute;left:0;right:0;bottom:-34px;height:35px;background:linear-gradient(#f0e5d7,transparent);pointer-events:none}
.feature-card .feature-category{display:block;font-size:.875rem;line-height:1.6;color:#69503e;margin-bottom:13px;font-weight:600}
.feature-card h3{font-size:clamp(1.7rem,2.1vw,2.05rem);line-height:1.13;letter-spacing:-.035em;color:#191917;margin:0;text-wrap:pretty}
.feature-card-footer{margin-top:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.feature-link-label{font-size:.875rem;line-height:1.5;font-weight:600;background:#fffaf3;color:#33271d;border-radius:30px;padding:11px 15px}
.feature-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;background:#a62c20;color:#fff;border-radius:50%;font-size:1.5rem;line-height:1;transition:background .2s}
.feature-card:hover .feature-arrow{background:#7d2119}.feature-card--booking>img{object-position:77% center}
.discovery-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.discovery-controls[hidden]{display:none!important}
.discovery-controls button{height:46px;width:46px;border-radius:50%;border:1px solid #b1947e;background:#f0e5d7;color:#33271d;font-size:1.5rem;display:flex;align-items:center;justify-content:center;padding:0}
.discovery-controls button:hover:not(:disabled){background:#a62c20;color:#fff;border-color:#a62c20}.discovery-controls button:disabled{background:#f4efe8;color:#695b51;cursor:default;border-color:#d4c8bc}
.discovery-controls .discovery-position{font-size:.875rem;line-height:1.5;color:#69503e;min-width:36px;text-align:center}
@media(max-width:1100px){.feature-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2.3)}.feature-card{min-height:555px}.feature-card-content{padding:25px 24px}.feature-card h3{font-size:1.85rem}.feature-card-footer{padding:22px 20px;gap:8px}.feature-link-label{padding:10px 12px;font-size:.8125rem}.feature-arrow{width:43px;height:43px}}
@media(max-width:700px){.feature-discovery{padding:62px 0}.feature-discovery .discovery-top{margin-bottom:28px}.feature-track{grid-auto-columns:86%;gap:16px;overflow:visible;overflow-x:auto;padding-bottom:15px;scroll-padding-left:4px}.feature-card{min-height:545px;border-radius:20px}.feature-card-content{padding:25px 23px 24px}.feature-card h3{font-size:1.85rem}.feature-card .feature-category{font-size:.875rem;margin-bottom:12px}.feature-card-footer{padding:20px 18px}.feature-link-label{font-size:.875rem}.feature-arrow{width:44px;height:44px}.discovery-controls{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.feature-card,.feature-arrow{transition:none}.feature-card:hover{transform:none}}

.feature-track{list-style:none}.feature-item{min-width:0;display:flex}.feature-item>.feature-card{width:100%;height:100%}

.feature-card--booking>img{top:auto;bottom:0;height:68%;object-position:80% center}
