/* Homepage gallery: preserve the original 9:16 artwork proportions. */
.quiet-hero .quiet-hero-grid{overflow:visible;gap:24px}
.feature-gallery{--card-width:clamp(260px,24vw,320px);--step:clamp(110px,11vw,155px);position:relative;min-width:0;width:100%;padding:14px 0 20px;isolation:isolate;touch-action:pan-y;color:#111a31}
.feature-gallery::before{content:"";position:absolute;inset:12% -2% 9%;z-index:-1;background:radial-gradient(ellipse,#d9e0ff 0%,#edf1ff99 44%,transparent 73%);pointer-events:none}
.feature-stage{height:calc(var(--card-width) * 1.7777778 + 26px);position:relative;perspective:1200px;overflow:hidden;direction:ltr}
.feature-card{position:absolute;left:50%;top:50%;width:var(--card-width);padding:0;border:1px solid #dce2f0;border-radius:19px;background:#f3f5ff;overflow:hidden;aspect-ratio:9/16;box-shadow:0 20px 35px -20px #15213c70;transition:transform .72s cubic-bezier(.22,.68,.2,1),opacity .6s ease,filter .6s ease;transform:translate(-50%,-50%) scale(.62);opacity:0;z-index:0;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.feature-card img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.feature-card[data-offset="0"]{transform:translate(-50%,-50%);opacity:1;z-index:3;pointer-events:auto;filter:none}
.feature-card[data-offset="-1"]{transform:translate(calc(-50% - var(--step)),-50%) rotateY(-12deg) scale(.77);opacity:.73;z-index:2;pointer-events:auto;filter:saturate(.85)}
.feature-card[data-offset="1"]{transform:translate(calc(-50% + var(--step)),-50%) rotateY(12deg) scale(.77);opacity:.73;z-index:2;pointer-events:auto;filter:saturate(.85)}
.feature-card[data-offset="-2"],.feature-card[data-offset="-3"]{transform:translate(calc(-50% - var(--step) * 1.4),-50%) scale(.62)}
.feature-card[data-offset="2"],.feature-card[data-offset="3"],.feature-card[data-offset="4"]{transform:translate(calc(-50% + var(--step) * 1.4),-50%) scale(.62)}
.feature-caption{font-size:15px!important;line-height:1.35!important;text-align:center;margin:10px 10px 4px!important;min-height:2.7em;display:flex;align-items:center;justify-content:center;font-weight:600;color:#45506e}
.feature-controls{display:none;align-items:center;justify-content:center;gap:5px;direction:ltr}
.feature-gallery.is-ready .feature-controls{display:flex}
.feature-controls button{width:40px;height:40px;border:1px solid transparent;border-radius:50%;background:transparent;color:#344ce0;cursor:pointer;display:grid;place-items:center;font-size:21px;flex-shrink:0}
.feature-controls>button{background:#fff9;border-color:#dce3f6}
.feature-controls button[hidden]{display:none}
.feature-controls button:hover{background:#e1e7ff}
.feature-controls button:focus-visible,.feature-card:focus-visible{outline:3px solid #354edf;outline-offset:-3px}
.feature-dots{display:flex;align-items:center}
.feature-dots button{width:22px;height:40px;border-radius:10px}
.feature-dots span{display:block;width:6px;height:6px;border-radius:8px;background:#bdc5df;transition:background .3s,width .3s}
.feature-dots [aria-current="true"] span{width:16px;background:#354edf}
.feature-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1440px){.quiet-hero .quiet-hero-grid{min-height:750px}.feature-gallery{--card-width:340px}}
@media(max-width:900px){.feature-gallery{--card-width:245px;--step:133px;max-width:600px;margin:auto}.quiet-hero .quiet-hero-grid{gap:12px;grid-template-columns:1fr}}
@media(max-width:600px){.feature-gallery{--card-width:clamp(208px,58vw,245px);--step:clamp(110px,32vw,145px);padding-top:6px}.feature-card{border-radius:15px}.feature-caption{font-size:14px!important;margin-top:3px!important}.feature-controls{gap:2px}.feature-controls button{min-height:40px}.feature-dots button{width:22px}.quiet-hero .quiet-hero-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.feature-card,.feature-dots span{transition:none!important}}
@media(max-width:360px){.feature-dots button{width:17px}.feature-controls{gap:1px}.feature-controls>button{width:38px}}