.demo-collection{--collection-canvas:#f5f5f7;--collection-paper:#fff;--collection-ink:var(--ink);--collection-secondary:var(--secondary);--collection-tertiary:var(--tertiary);--collection-line:var(--line);--collection-blue:var(--blue);background:var(--collection-canvas);min-height:100svh;color:var(--collection-ink)}.demo-collection .site-header{border-bottom:1px solid #1d1d1f14}.demo-collection :where(a,button):focus-visible{outline-offset:.1875rem;outline:.1875rem solid #0071e36b}.collection-shell{width:min(100% - 3rem,76rem);margin-inline:auto}.collection-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;padding:clamp(3.8rem,8vw,6.8rem) 0 clamp(2.8rem,6vw,4.7rem);display:grid}.collection-hero-copy{max-width:54rem}.collection-hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:52rem;margin:.8rem 0 0;font-size:clamp(2.7rem,6.5vw,5.5rem);font-weight:700;line-height:1.04}.collection-hero h1 span{color:var(--collection-blue);display:block}.collection-lede{max-width:39rem;color:var(--collection-secondary);margin:1.35rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.collection-hero-workbench{color:var(--collection-blue);align-items:center;gap:.35rem;margin-top:1.25rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.collection-hero-workbench span,.demo-card-cta span,.workbench-link span,.collection-footer a span{transition:transform .18s ease-out}.collection-hero-workbench:hover span,.demo-card-link:hover .demo-card-cta span,.workbench-link:hover span,.collection-footer a:hover span{transform:translate(.18rem)}.collection-hero-meta{border-top:1px solid var(--collection-line);grid-template-columns:repeat(2,minmax(5.5rem,1fr));align-self:end;min-width:14rem;display:grid}.collection-hero-meta div{padding:1rem .75rem 0 0}.collection-hero-meta div+div{border-left:1px solid var(--collection-line);padding-left:1rem}.collection-hero-meta strong{letter-spacing:-.04em;font-size:1.5rem;font-weight:650;display:block}.collection-hero-meta span{color:var(--collection-secondary);margin-top:.25rem;font-size:.75rem;display:block}.collection-nav{z-index:5;-webkit-backdrop-filter:blur(1rem)saturate(150%);scrollbar-width:none;background:#f5f5f7db;border-block:1px solid #1d1d1f14;align-items:center;gap:1.15rem;margin-inline:calc(-50vw + min(100vw - 3rem,76rem)/2);padding:.8rem max(1.5rem,50vw + min(100vw - 3rem,76rem)/-2);display:flex;position:sticky;top:0;overflow-x:auto}.collection-nav::-webkit-scrollbar{display:none}.collection-nav a{color:var(--collection-secondary);white-space:nowrap;flex:none;padding:.2rem 0 .55rem;font-size:.8125rem;text-decoration:none;transition:color .14s ease-out;position:relative}.collection-nav a:after{background:var(--collection-blue);content:"";opacity:0;border-radius:2px;height:2px;transition:opacity .14s ease-out,transform .18s ease-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.4)}.collection-nav a:hover{color:var(--collection-ink)}.collection-nav a.is-active{color:var(--collection-blue);font-weight:650}.collection-nav a.is-active:after{opacity:1;transform:scaleX(1)}.collection-section-head{justify-content:space-between;align-items:end;gap:1.5rem;padding:clamp(3.4rem,6vw,5.4rem) 0 1.25rem;display:flex}.collection-section-head h2{letter-spacing:-.055em;margin:.5rem 0 0;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:650;line-height:1.1}.collection-section-head>p{color:var(--collection-tertiary);margin:0 0 .15rem;font-size:.75rem}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;scroll-margin-top:4rem;animation:.22s ease-out both collection-grid-in;display:grid}.demo-card{min-width:0;scroll-margin-top:4rem;animation:.26s ease-out both collection-card-in}.demo-card-link{border:1px solid var(--collection-line);color:inherit;background:var(--collection-paper);border-radius:1.25rem;flex-direction:column;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease-out,border-color .18s ease-out,opacity .18s ease-out;display:flex;overflow:hidden;box-shadow:0 .35rem 1.5rem #20262c09}.demo-card-link:hover{border-color:#0071e340;transform:translateY(-.125rem);box-shadow:0 1rem 2.5rem #20262c14}.demo-card-link:active{transition-duration:80ms;transform:scale(.997)}.demo-card-image{aspect-ratio:3;background:#e9edf1;position:relative;overflow:hidden}.demo-card-image img{object-fit:cover;filter:saturate(.78)contrast(.94)brightness(1.02);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.demo-card-link:hover .demo-card-image img{transform:scale(1.025)}.demo-card-content{flex-direction:column;padding:1.2rem 1.4rem 1.3rem;display:flex}.demo-card-kicker{color:var(--collection-tertiary);letter-spacing:.02em;align-items:center;gap:.45rem;margin:0;font-size:.75rem;display:flex}.demo-card-kicker span:first-child{color:var(--collection-blue);font-variant-numeric:tabular-nums}.demo-card-kicker .demo-card-category{color:var(--collection-blue)}.demo-card h3{letter-spacing:-.045em;margin:.55rem 0 0;font-size:clamp(1.375rem,2.1vw,1.55rem);font-weight:650;line-height:1.2}.demo-card-description{max-width:34rem;color:var(--collection-secondary);margin:.65rem 0 0;font-size:.9375rem;line-height:1.6}.demo-card-features{border-top:1px solid var(--collection-line);margin-top:1.1rem;padding-top:.9rem}.demo-card-features>p{color:var(--collection-tertiary);margin:0;font-size:.75rem}.demo-card-features ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .8rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.demo-card-features li{color:var(--collection-secondary);padding-left:.85rem;font-size:.8125rem;line-height:1.45;position:relative}.demo-card-features li:before{background:var(--collection-blue);content:"";border-radius:50%;width:.3rem;height:.3rem;position:absolute;top:.52em;left:0}.demo-card-cta{color:var(--collection-blue);align-items:center;gap:.4rem;margin-top:.95rem;font-size:.8125rem;font-weight:600;display:inline-flex}.workbench-callout{background:linear-gradient(135deg,#eaf3ff 0%,#f4f8ff 100%);border-radius:1.5rem;justify-content:space-between;align-items:center;gap:2rem;margin-top:clamp(3.5rem,8vw,6rem);padding:clamp(1.75rem,4vw,2.75rem);display:flex}.workbench-callout-copy{max-width:42rem}.workbench-callout h2{letter-spacing:-.055em;margin:.55rem 0 0;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:650;line-height:1.1}.workbench-callout p:last-child{color:#53677c;max-width:38rem;margin:.75rem 0 0;font-size:.875rem;line-height:1.7}.workbench-link{color:#fff;background:var(--collection-blue);border-radius:99rem;flex:none;align-items:center;gap:.45rem;min-height:2.75rem;padding:.75rem 1.1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .12s ease-out;display:inline-flex}.workbench-link:hover{background:#0879e8}.workbench-link:active{background:var(--blue-pressed);transition-duration:80ms;transform:scale(.97)}.collection-note{grid-template-columns:minmax(10rem,.7fr) 1.3fr;gap:2rem;padding:clamp(3.5rem,7vw,5.5rem) 0;display:grid}.collection-note strong{letter-spacing:-.045em;font-size:1.35rem;font-weight:650}.collection-note p{max-width:40rem;color:var(--collection-secondary);margin:0;font-size:.8125rem;line-height:1.8}.collection-footer{border-top:1px solid var(--collection-line);color:var(--collection-tertiary);justify-content:space-between;gap:1rem;padding:1.25rem 0 1.75rem;font-size:.6875rem;display:flex}.collection-footer a{color:inherit;align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.collection-footer a:hover{color:var(--collection-blue)}@media (max-width:800px){.collection-hero{grid-template-columns:1fr;gap:2rem}.collection-hero-meta{width:min(100%,18rem)}.collection-nav{margin-inline:-1.5rem;padding-inline:1.5rem}.collection-grid{grid-template-columns:1fr}.workbench-callout{flex-direction:column;align-items:flex-start}.collection-note{grid-template-columns:1fr;gap:.75rem}}@media (max-width:560px){.collection-shell{width:min(100% - 2rem,40rem)}.collection-hero{padding-top:3.5rem}.collection-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.collection-lede{font-size:.9375rem}.collection-nav{gap:1rem;margin-inline:-1rem;padding-inline:1rem}.collection-section-head{flex-direction:column;align-items:flex-start;gap:.65rem}.demo-card-content{padding:1.1rem 1.15rem 1.15rem}.demo-card-features ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .6rem}.workbench-callout{border-radius:1.25rem;padding:1.5rem}.collection-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.collection-nav a,.collection-nav a:after,.collection-grid,.demo-card,.demo-card-link,.demo-card-image img,.collection-hero-workbench span,.demo-card-cta span,.workbench-link,.workbench-link span,.collection-footer a span{transition:none;animation:none}.demo-card-link:hover,.demo-card-link:active,.demo-card-link:hover .demo-card-image img{transform:none}}@keyframes collection-card-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes collection-grid-in{0%{opacity:.35;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-transparency:reduce){.collection-nav{background:var(--collection-canvas);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.demo-collection{--collection-secondary:#3b3b3e;--collection-tertiary:#5c5c61;--collection-line:#1d1d1f47}.demo-card-link{border-color:var(--collection-line)}}