/* Product feature panels: readable stacked content until the controls initialize. */
[data-feature-gallery]{--feature-panel-width:890px;--feature-gap:24px;--feature-ease:cubic-bezier(.23,1,.32,1);width:100%;max-width:1600px;margin-inline:auto;color:#f5f5f3;font-family:var(--font-body,"Hanken Grotesk",sans-serif)}
[data-feature-gallery] .feature-viewport{width:min(var(--feature-panel-width),calc(100% - 48px));box-sizing:border-box;margin-inline:auto}
[data-feature-gallery] .feature-track{position:relative;display:grid;gap:var(--feature-gap)}
[data-feature-gallery] .feature-slide{display:grid;grid-template-columns:40% 60%;min-width:0;min-height:416px;border:0;border-radius:12px;overflow:hidden;background:#292929}
[data-feature-gallery] .feature-copy{min-width:0;padding:44px 38px;align-self:center}
[data-feature-gallery] .feature-copy h2,[data-feature-gallery] .feature-copy h3{font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.4;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-wrap:balance;margin:0 0 24px}
[data-feature-gallery] .feature-copy p{font-size:1rem;line-height:1.65;color:#c9c9c9;max-width:38ch;margin:0 0 18px;text-wrap:pretty}
[data-feature-gallery] .feature-copy p:last-child{margin-bottom:0}
[data-feature-gallery] .feature-copy .note{font-size:.8125rem;line-height:1.6;color:#b6b6b6}
[data-feature-gallery] .feature-copy a{color:#f5f5f3;text-underline-offset:4px}
[data-feature-gallery] .feature-media{position:relative;min-width:0;min-height:416px;margin:0;background:#101010}
[data-feature-gallery] .feature-media>img,[data-feature-gallery] .feature-media>a>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
[data-feature-gallery] .feature-media>a{display:block;position:absolute;inset:0}
[data-feature-gallery] .feature-media--contain>img,[data-feature-gallery] .feature-media--contain>a>img{object-fit:contain}
[data-feature-gallery] .feature-media--phone{background:#151515;min-height:620px}
.app-section [data-feature-gallery]{--feature-panel-width:960px}
.app-section [data-feature-gallery] .feature-slide{grid-template-columns:1fr 1fr}
[data-feature-gallery] .feature-media--phone>img,[data-feature-gallery] .feature-media--phone>a>img{object-fit:contain;padding:28px}
[data-feature-gallery] .feature-controls,[data-feature-gallery] [data-feature-prev],[data-feature-gallery] [data-feature-next],[data-feature-gallery] [data-feature-to],[data-feature-gallery] [data-feature-status]{display:none}

[data-feature-gallery][data-feature-ready=true] .feature-viewport{overflow:hidden;touch-action:pan-y pinch-zoom}
[data-feature-gallery][data-feature-ready=true] .feature-track{display:flex;align-items:stretch;transition:transform 220ms var(--feature-ease)}
[data-feature-gallery][data-feature-ready=true] .feature-slide{flex:0 0 100%;pointer-events:none}
[data-feature-gallery][data-feature-ready=true] .feature-slide.is-current{pointer-events:auto}
[data-feature-gallery][data-feature-motion=instant] .feature-track{transition:none}
[data-feature-gallery][data-feature-ready=true] .feature-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding:24px 24px 0}
[data-feature-gallery][data-feature-ready=true] [data-feature-prev],[data-feature-gallery][data-feature-ready=true] [data-feature-next],[data-feature-gallery][data-feature-ready=true] [data-feature-to]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:0;border-radius:999px;background:#282828;color:#e5e5e5;font:500 .8125rem/1.3 var(--font-body,"Hanken Grotesk",sans-serif);cursor:pointer;transform-origin:center}
[data-feature-gallery] [data-feature-to][aria-pressed=true]{background:#f5f5f3;color:#111}
[data-feature-gallery] [data-feature-prev]:disabled,[data-feature-gallery] [data-feature-next]:disabled{opacity:.35;cursor:default}
[data-feature-gallery] .feature-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
[data-feature-gallery][data-feature-ready=true] [data-feature-status]{display:block;margin:14px 24px 0;text-align:center;color:#b6b6b6;font-size:.75rem;line-height:1.6}
[data-feature-gallery] button:focus-visible,[data-feature-gallery] a:focus-visible{outline:3px solid #a4efbd;outline-offset:4px}

@media(hover:hover) and (pointer:fine){
 [data-feature-gallery] [data-feature-prev]:not(:disabled):hover,[data-feature-gallery] [data-feature-next]:not(:disabled):hover,[data-feature-gallery] [data-feature-to]:not([aria-pressed=true]):hover{background:#3b3b3b}
 [data-feature-gallery] [data-feature-prev],[data-feature-gallery] [data-feature-next],[data-feature-gallery] [data-feature-to]{transition:transform 100ms var(--feature-ease)}
 [data-feature-gallery] button:not(:disabled):active:not(:focus-visible){transform:scale(.97);transition-duration:140ms}
}
@media(max-width:699px){
 [data-feature-gallery]{--feature-gap:16px}
 [data-feature-gallery] .feature-viewport{width:calc(100% - 40px)}
 [data-feature-gallery] .feature-slide{grid-template-columns:minmax(0,1fr);min-height:0}
 [data-feature-gallery] .feature-copy{padding:30px 26px;align-self:start}
 [data-feature-gallery] .feature-copy h2,[data-feature-gallery] .feature-copy h3{font-size:1.125rem;margin-bottom:20px}
 [data-feature-gallery] .feature-copy p{font-size:.9375rem;line-height:1.65;max-width:none}
 [data-feature-gallery] .feature-media{min-height:0;aspect-ratio:4/3}
 .app-section [data-feature-gallery] .feature-slide{grid-template-columns:minmax(0,1fr)}
 [data-feature-gallery] .feature-media--phone{aspect-ratio:auto;min-height:570px;grid-row:1}
 [data-feature-gallery] .feature-media--phone>img,[data-feature-gallery] .feature-media--phone>a>img{padding:24px}
 [data-feature-gallery][data-feature-ready=true] .feature-controls{gap:10px;padding-top:20px}
 [data-feature-gallery] .feature-pagination{gap:4px}
 [data-feature-gallery][data-feature-ready=true] [data-feature-to]{padding-inline:10px;font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){
 [data-feature-gallery][data-feature-ready=true] .feature-track,[data-feature-gallery] [data-feature-prev],[data-feature-gallery] [data-feature-next],[data-feature-gallery] [data-feature-to]{transition:none}
 [data-feature-gallery] button:not(:disabled):active:not(:focus-visible){transform:none}
}

/* Quiet pagination with full-size touch targets. */
[data-feature-gallery][data-feature-ready=true] .feature-pagination [data-feature-to]{background:transparent;min-width:44px;padding:0;color:transparent}
[data-feature-gallery] .feature-pagination [data-feature-to]:before{content:"";display:block;width:5px;height:5px;border-radius:4px;background:#a8a8a8}
[data-feature-gallery] .feature-pagination [data-feature-to][aria-pressed=true]:before{width:24px;background:#f5f5f3}
[data-feature-gallery] .feature-pagination{gap:0}

[data-feature-gallery] .feature-arrow{font-size:1.4rem!important}

/* Original studio close-ups keep the hardware large and the framing consistent. */
.engineering [data-feature-gallery]{--feature-panel-width:1120px}
.engineering [data-feature-gallery] .feature-slide{grid-template-columns:32% 68%;min-height:0}
.engineering [data-feature-gallery] .feature-media{min-height:0;aspect-ratio:3/2}
@media(max-width:699px){
 .engineering [data-feature-gallery] .feature-slide{grid-template-columns:minmax(0,1fr)}
 .engineering [data-feature-gallery] .feature-media{grid-row:1}
 .engineering [data-feature-gallery] .feature-pagination{display:none}
}