.gallery-intro {text-align:center;padding:2px 24px 42px;scroll-margin-top:90px;}
.gallery-intro h2,.demo-heading {font-size:34px;font-weight:500;letter-spacing:-.035em;font-family:var(--sans);line-height:1.6;color:var(--ink);}
.gallery-intro h2 {margin:0 0 8px;}
.gallery-intro p {font-size:13px;letter-spacing:.04em;color:#4a6572;margin:0;}
.application-previews {width:min(1340px,calc(100% - 64px));gap:38px;padding:0 0 76px;}
.category-shell {position:relative;border-radius:30px;overflow:clip;border:1px solid #ffffffa0;box-shadow:0 12px 40px -30px #23354f66;scroll-margin-top:90px;
 background:radial-gradient(ellipse at 12% 20%,rgba(var(--atmosphere-b),.85),transparent 68%),radial-gradient(ellipse at 90% 82%,rgba(var(--atmosphere-c),.92),transparent 70%),linear-gradient(125deg,rgba(var(--atmosphere-a),.8),rgba(var(--atmosphere-b),.6));}
.category-content {position:relative;}
.category-content.is-transitioning {overflow:clip;}
.category-overview {padding:38px;}
.category-overview[hidden],.category-results[hidden] {display:none!important;}
.category-shell .application-preview {grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px;}
.category-shell:nth-child(even) .application-preview {grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);}
.category-shell:nth-child(even) .comparison-frame {grid-column:2;grid-row:1;}
.category-shell:nth-child(even) .application-copy {grid-column:1;grid-row:1;}
.category-shell .application-preview h2 {font-size:clamp(24px,2.2vw,29px);line-height:1.22;letter-spacing:-.025em;}
.category-shell .application-preview h2 a::after {content:'↓';}
.category-shell .application-preview h2 a:hover::after {transform:translateY(3px);}
.category-mosaic {display:block;width:100%;border:0;padding:0;margin:24px 0 0;text-align:left;background:none;color:#244450;cursor:pointer;}
.mosaic-frames {display:block;position:relative;height:132px;margin:0 0 14px;}
.mosaic-frames img {position:absolute;width:42%;height:114px;object-fit:cover;left:calc(var(--mosaic-i)*19%);top:var(--mosaic-offset);border-radius:12px;border:1px solid #ffffffbf;box-shadow:0 8px 16px -8px #2a486044;opacity:.56;transform:rotate(calc((var(--mosaic-i) - 1.5)*4deg));transition:opacity .25s,transform .25s;}
.category-mosaic:hover img,.category-mosaic:focus-visible img {opacity:.9;transform:translateY(-4px) rotate(calc((var(--mosaic-i) - 1.5)*2deg));}
.category-results {padding:30px 32px 32px;}
.category-results-header {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;}
.category-results-header h2 {font-size:27px;font-weight:500;letter-spacing:-.025em;margin:0;}
.category-collapse {padding:9px 14px;border:1px solid #45627e55;border-radius:20px;color:#234f70;background:#ffffff8c;cursor:pointer;font:13px/1.4 Arial,sans-serif;white-space:nowrap;}
.category-collapse:hover {background:#fff;}
.category-results .fps-bubbles-host,.category-results .fps-bubbles-host.is-open {width:100%;}
.category-results .fps-bubble-grid {padding-top:14px;}
.category-results .fps-workbench-frame {background:transparent;}
.category-results .fps-expanded-heading {margin:0 0 18px;}
.category-shell button:focus-visible,.category-shell a:focus-visible {outline:3px solid #0063ad;outline-offset:4px;}
.is-category-navigation,.is-category-navigation body {overflow-anchor:none;}
.integrated-gallery-error {padding:12px;color:#922a31!important;}
@media(max-width:1000px){.category-overview{padding:28px;}.category-shell .application-preview{gap:30px;}.mosaic-frames{height:105px;}.mosaic-frames img{height:90px;}}
@media(max-width:850px){
 .application-previews{width:calc(100% - 28px);max-width:720px;gap:24px;}
 .category-overview{padding:20px;}.category-shell{border-radius:22px;}
 .category-shell .application-preview,.category-shell:nth-child(even) .application-preview{grid-template-columns:minmax(0,1fr);gap:22px;}
 .category-shell .comparison-frame,.category-shell:nth-child(even) .comparison-frame{grid-column:1;grid-row:1;}
 .category-shell .application-copy,.category-shell:nth-child(even) .application-copy{grid-column:1;grid-row:2;}
 .category-shell .application-preview h2{font-size:24px;}.category-mosaic{max-width:410px;margin-top:18px;}
 .category-results{padding:20px 16px;}.category-results-header{align-items:flex-start;gap:10px;}.category-results-header h2{font-size:23px;}.category-collapse{font-size:12px;padding:8px 10px;}
 .mosaic-frames{height:110px;}.mosaic-frames img{height:96px;}
}
@media(max-width:480px){.category-overview{padding:14px;}.category-results-header{flex-wrap:wrap;}.gallery-intro{padding-bottom:28px;}.gallery-intro h2,.demo-heading{font-size:29px;}.category-shell .application-preview h2{font-size:23px;}}
@media(prefers-reduced-motion:reduce){.mosaic-frames img{transition:none;}}