@layer quartz-base{.experimentshelf{margin-top:2.5rem}.center:has(.experimentshelf) .page-listing{display:none}.experimentshelf-header{margin-bottom:1.5rem}.experimentshelf-header h2{font-family:var(--bodyFont);letter-spacing:0;color:var(--dark);margin:0;font-size:1.5rem;font-weight:600}.experimentshelf-header h2 span{color:var(--gray);margin-left:.15rem;font-size:.95rem;font-weight:400}.xp-list{margin:0;padding:0;list-style:none}.xp-row{margin:0;padding:0 0 2.75rem}.xp-row+.xp-row{border-top:1px solid var(--lightgray);padding-top:2.75rem}.xp-body{margin-top:1rem}.xp-body h3{font-family:var(--bodyFont);letter-spacing:0;margin:.2rem 0 0;font-size:1.25rem;font-weight:600;line-height:1.25}.xp-body h3 a,.xp-body h3 a.internal{color:var(--dark);background:0 0;text-decoration:none}.xp-body h3 a:hover,.xp-body h3 a.internal:hover{color:var(--secondary)}.xp-desc{color:var(--darkgray);max-width:40rem;margin:.45rem 0 0;font-size:.98rem;line-height:1.5}.xp-desc .xp-desc-link{color:var(--secondary);text-underline-offset:.15em;background:0 0;-webkit-text-decoration:underline #84203f59;text-decoration:underline #84203f59}.xp-desc .xp-desc-link:hover{text-decoration-color:currentColor}.xp-eyebrow{white-space:nowrap;text-overflow:ellipsis;font-family:var(--bodyFont);color:var(--gray);font-variant-numeric:tabular-nums;margin:0;font-size:.85rem;font-weight:500;line-height:1.4;display:block;overflow:hidden}.xp-eyebrow .xp-year{color:var(--secondary)}.xp-eyebrow .xp-sep{color:var(--lightgray);margin:0 .4rem}.xp-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.xp-links li{margin:0}.xp-links a{font-family:var(--bodyFont);color:var(--secondary);background:0 0;font-size:.9rem;font-weight:600;text-decoration:none}.xp-links a:hover{text-underline-offset:.15em;text-decoration:underline}.xp-row--split{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start;gap:1.25rem;padding-bottom:1.75rem;display:grid}.xp-row--split+.xp-row--split{padding-top:1.75rem}.xp-row--split .xp-body{margin-top:0}.xp-row--split .xp-body h3{font-size:1.1rem}.xp-row--split .xp-desc{font-size:.92rem}.xp-row--split .xp-frame{border-radius:8px}.xp-row--split .xp-load{padding:.35rem .7rem .35rem .6rem;font-size:.74rem;bottom:.5rem;right:.5rem}.xp-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.75rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.xp-grid--tiles{grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:3rem 2rem}.xp-card,.xp-tile{min-width:0;margin:0}.xp-card>a{color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.3,1.1);display:flex}.xp-card>a.internal{background:0 0}.xp-card>a:hover{transform:translateY(-4px)}.xp-card>a:hover .xp-cover{border-color:var(--secondary);box-shadow:0 14px 26px -10px #00000042,0 5px 9px -4px #00000024}.xp-card>a:hover h3{color:var(--secondary)}.xp-cover{aspect-ratio:8/5;border:1px solid var(--lightgray);background:#faf8f1;border-radius:8px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 2px 6px -2px #0000001f,0 1px 2px #0000000f}.xp-cover .xp-cover-img{object-fit:cover;object-position:top center;border-radius:0;width:100%;height:100%;margin:0;display:block}.xp-cover .xp-cover-placeholder{height:100%;font-family:var(--bodyFont);text-align:center;color:var(--dark);justify-content:center;align-items:center;padding:1rem;font-weight:600;display:flex}.xp-cover-badge{color:#fff;min-width:1.7rem;height:1.7rem;font-size:.65rem;font-family:var(--codeFont);letter-spacing:.04em;text-transform:uppercase;background:#0000009e;border-radius:999px;justify-content:center;align-items:center;padding:0 .45rem;font-weight:600;display:flex;position:absolute;bottom:.5rem;right:.5rem}.xp-cover-badge--live{background:var(--secondary)}.xp-card-body{min-width:0;margin-top:.7rem}.xp-card-body h3{font-family:var(--bodyFont);letter-spacing:0;color:var(--dark);margin:0;font-size:.98rem;font-weight:600;line-height:1.25;transition:color .15s}.xp-card-body .xp-card-desc{color:var(--gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.28rem 0 0;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.xp-card-body .xp-card-meta{font-family:var(--codeFont);letter-spacing:.03em;text-transform:uppercase;color:var(--secondary);margin:.35rem 0 0;font-size:.66rem;font-weight:500}.xp-tile .xp-body{margin-top:.75rem}.xp-tile .xp-body h3{margin-top:.25rem;font-size:1.2rem;line-height:1.25}.xp-tile .xp-desc{max-width:36rem;margin-top:.5rem;font-size:.98rem;line-height:1.5}.xp-tile .xp-links{margin-top:.75rem}.xp-tile .xp-frame{border-radius:8px}.xp-tile .xp-load{bottom:.6rem;right:.6rem}.xp-frame{aspect-ratio:16/10;border:1px solid var(--lightgray);background:#faf8f1;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 2px 6px -2px #0000001f,0 1px 2px #0000000f}.xp-frame img,.xp-frame video,.xp-frame iframe{border:0;border-radius:0;width:100%;height:100%;margin:0;display:block}.xp-frame video,.xp-frame .xp-poster{object-fit:contain;background:#faf8f1}.xp-frame.xp-frame--video{background:var(--lightgray)}.xp-frame.xp-frame--video:before{content:"";background:var(--xp-poster,none) center/cover no-repeat;filter:blur(28px)saturate(1.15);opacity:.85;pointer-events:none;position:absolute;inset:-2rem}.xp-frame.xp-frame--video video{z-index:1;background:0 0;position:relative}.xp-frame.xp-frame--image .xp-poster,.xp-frame.xp-frame--iframe .xp-poster,.xp-frame.xp-frame--iframe video{object-fit:cover;object-position:top center;background:#faf8f1}.xp-frame.is-loaded{background:#fff}.xp-load{z-index:2;color:#fff;font-family:var(--bodyFont);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100ed1;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem .45rem .8rem;font-size:.85rem;font-weight:600;line-height:1;transition:background .15s,transform .15s;display:inline-flex;position:absolute;bottom:.7rem;right:.7rem;box-shadow:0 6px 18px -6px #00000080}.xp-load .xp-load-icon{font-size:.7rem}.xp-load:hover{background:var(--secondary);transform:translateY(-1px)}.xp-frame-host{height:100%;font-family:var(--codeFont);color:var(--darkgray);justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.xp-frame.is-loaded{background:#fff;flex-direction:column;height:min(82vh,900px);display:flex}.xp-frame.is-loaded iframe{flex:auto;min-height:0}.xp-frame.is-loaded:-webkit-full-screen{aspect-ratio:auto;border:0;border-radius:0}.xp-frame.is-loaded:fullscreen{aspect-ratio:auto;border:0;border-radius:0}.xp-bar{background:var(--light);border-top:1px solid var(--lightgray);flex:none;align-items:center;gap:.25rem;height:2.1rem;padding:0 .35rem 0 .75rem;display:flex}.xp-bar .xp-bar-host{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--codeFont);color:var(--gray);flex:auto;font-size:.72rem;overflow:hidden}.xp-bar .xp-bar-btn{color:var(--darkgray);font-family:var(--bodyFont);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:.3rem .6rem;font-size:.78rem;font-weight:600;text-decoration:none}.xp-bar .xp-bar-btn:hover{background:var(--lightgray);color:var(--dark)}.xp-bar .xp-bar-close{color:var(--secondary)}:is(.xp-tile:has(.xp-frame.is-loaded),.xp-card:has(.xp-frame.is-loaded)){grid-column:1/-1}.xp-row--split:has(.xp-frame.is-loaded){grid-template-columns:minmax(0,1fr)}.experimentshelf--home{box-sizing:border-box;max-width:80rem;margin:0 auto 5rem;padding:0 1rem}.experimentshelf--home .xp-grid--tiles{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:2.5rem 1.75rem}.xp-home-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.xp-home-label{font-family:var(--headerFont);letter-spacing:.12em;text-transform:uppercase;color:var(--tertiary);margin:0;font-size:.78rem;font-weight:600}.xp-home-more{font-family:var(--headerFont);color:var(--tertiary);white-space:nowrap;background:0 0;font-size:.85rem;font-weight:600;text-decoration:none}.xp-home-more:hover{color:var(--secondary)}.xp-switch{z-index:5;border:1px solid var(--lightgray);background:var(--light);border-radius:999px;gap:.25rem;margin:0 0 1.5rem;padding:.25rem;display:inline-flex;position:sticky;top:.5rem;box-shadow:0 6px 20px -10px #0000004d}.xp-switch-btn{color:var(--darkgray);font-family:var(--bodyFont);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;font-weight:600}.xp-switch-btn:hover{color:var(--secondary)}.xp-switch-btn.is-active{background:var(--secondary);color:#fff}.experimentshelf--entry{margin-top:1.5rem}.xp-entry-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.8rem;display:flex}.xp-entry-meta .xp-links{margin:0}@media (max-width:600px){.experimentshelf{margin-top:1.75rem}.xp-row{padding-bottom:2rem}.xp-row+.xp-row{padding-top:2rem}.xp-frame{border-radius:8px}.xp-row--split{grid-template-columns:minmax(0,1fr);gap:.9rem}.xp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .8rem}.xp-grid--tiles{grid-template-columns:minmax(0,1fr)}}}