*{box-sizing:border-box}html{min-height:100%;background:#10271f}body{min-width:320px;min-height:100vh;margin:0;color:var(--kx-color-text);font:var(--kx-font);background:radial-gradient(circle at 72% 14%,rgba(117,183,149,.18),transparent 34rem),radial-gradient(circle at 16% 82%,rgba(255,224,138,.09),transparent 30rem),linear-gradient(145deg,#244f3e,#10271f 65%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}button,select,input{font:inherit}.gallery-shell{width:min(1120px,calc(100% - 32px));padding:max(54px,env(safe-area-inset-top)) 0 72px}.gallery-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:42px}.gallery-kicker,.gallery-eyebrow{margin:0 0 10px;color:#a7d5bf;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.gallery-header h1{max-width:720px;margin:0;font-size:clamp(38px,7vw,76px);font-weight:760;letter-spacing:-.055em;line-height:.98}.gallery-header p:not(.gallery-kicker){max-width:660px;margin:22px 0 0;color:#bcdccb;font-size:clamp(15px,2vw,18px)}.gallery-suits{display:grid;grid-template-columns:repeat(2,44px);gap:8px;font-size:28px}.gallery-suits span{display:grid;width:44px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#eef0e2eb;color:#17362a;box-shadow:5px 6px #0000003d}.gallery-suits span:nth-child(odd){color:#9c3439}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.gallery-card{grid-column:span 6;min-height:230px;padding:clamp(20px,3vw,30px);background:#143025c2}.gallery-card:nth-child(3){grid-column:span 12;min-height:0}.gallery-card:nth-child(4),.gallery-card:nth-child(5){grid-column:span 12;min-height:0}.gallery-card h2{margin:0 0 18px;font-size:26px;letter-spacing:-.025em}.gallery-card>p:not(.gallery-eyebrow){max-width:660px;color:#bcdccb}.gallery-note{margin:22px 0 0;font-size:12px}.gallery-motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.gallery-motion-sample{display:grid;grid-template-rows:auto minmax(116px,1fr) auto;gap:16px;min-width:0;min-height:300px;overflow:hidden;padding:18px;border:1px solid rgb(255 255 255 / .1);border-radius:14px;background:#071a1347}.gallery-motion-sample header h3{margin:0;color:#a7d5bf;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.gallery-motion-sample header p{margin:6px 0 0;color:#91b8a6;font-size:12px;line-height:1.4}.gallery-motion-stage{display:grid;min-width:0;min-height:116px;place-items:center;overflow:hidden;padding:24px;border-radius:10px;background:#04120d4d}.gallery-motion-sample .kx-dyna{max-width:100%;font-size:clamp(22px,3vw,34px)}.gallery-motion-controls{display:grid;gap:10px}.gallery-motion-control{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;color:var(--kx-color-muted);font-size:12px;font-variant-numeric:tabular-nums}.gallery-motion-control span{display:flex;justify-content:space-between;gap:8px}.gallery-motion-control output{color:var(--kx-color-text)}.gallery-motion-control input{width:100%;accent-color:var(--kx-gold)}.gallery-motion-card{grid-column:span 12}.gallery-label{margin:18px 0 10px;color:#a7d5bf;font-size:11px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.gallery-swatch{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 10px;align-items:center;min-width:0;padding:8px;border:1px solid rgb(255 255 255 / .1);border-radius:11px;background:#071a1347}.gallery-swatch__chip{grid-row:1 / 3;width:38px;height:38px;border:1px solid rgb(255 255 255 / .18);border-radius:8px;box-shadow:inset 0 1px #ffffff2e}.gallery-swatch strong{align-self:end;font-size:12px;text-transform:capitalize}.gallery-swatch code{align-self:start;overflow:hidden;color:#a7c7b8;font-size:10px;text-overflow:ellipsis}.gallery-table-preview{position:relative;display:grid;min-height:260px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#416f5c;box-shadow:inset 0 4px #00000021}.gallery-table-preview .kx-action-bar{align-self:end;margin-bottom:18px}.gallery-score-card .gallery-table-preview{min-height:0;padding:16px;place-items:start}.gallery-score-card .gallery-table-preview .kx-score-panel{position:static}.gallery-slider{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:var(--kx-color-muted);font-variant-numeric:tabular-nums}.gallery-slider input{width:100%;accent-color:var(--kx-gold)}@media (max-width: 760px){.gallery-header{grid-template-columns:1fr}.gallery-suits{display:none}.gallery-card,.gallery-card:nth-child(3),.gallery-card:nth-child(4),.gallery-card:nth-child(5){grid-column:span 12}.gallery-shell{width:min(100% - 20px,580px);padding-top:36px}.gallery-motion-grid{grid-template-columns:1fr}.gallery-motion-sample{min-height:280px}.gallery-motion-control{grid-template-columns:112px minmax(0,1fr)}}.gallery-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding:18px;border-radius:12px;background:var(--kx-felt-deep)}