.sq-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.sq-chip{border:1px solid var(--color-border);border-radius:var(--primitive-radius-full);background:var(--color-surface);color:var(--color-ink-muted);font:inherit;font-size:var(--typography-caption);font-weight:var(--primitive-fontWeight-medium);cursor:pointer;transition:background var(--motion-hover) var(--motion-ease-default), color var(--motion-hover) var(--motion-ease-default);padding:.4rem .9rem}.sq-chip:hover{color:var(--color-ink)}.sq-chip[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-foreground);border-color:#0000}.sq-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.sq-cell{min-height:14rem}.sq-cell:is([data-size=lg],[data-size=tall]){min-height:20rem}@media (min-width:48rem){.sq-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:10rem}.sq-cell{grid-column:span 2;min-height:0}.sq-cell[data-size=lg]{grid-area:span 2/span 4}.sq-cell[data-size=tall]{grid-row:span 2}.sq-cell[data-size=wide]{grid-column:span 6}}.sq-fill{height:100%}.sq-card,.sq-album,.sq-play,.sq-flip-face{border:1px solid var(--gateway-card-border);border-radius:var(--gateway-card-radius);background:var(--gateway-card-bg);height:100%;box-shadow:var(--gateway-card-shadow);position:relative;overflow:hidden}.sq-card{cursor:pointer;transition:translate var(--motion-hover) var(--motion-ease-default), border-color var(--motion-hover) var(--motion-ease-default);flex-direction:column;justify-content:flex-end;display:flex}.sq-card:hover,.sq-card:focus-visible{translate:0 var(--gateway-card-lift-hover);border-color:var(--gateway-card-border-hover);transition-duration:var(--motion-enter);transition-timing-function:var(--motion-ease-playful), var(--motion-ease-default)}.sq-card:active{transition-duration:var(--motion-press);translate:0 -1px}.sq-cover{object-fit:cover;width:100%;height:100%;transition:scale var(--motion-playful) var(--motion-ease-default);position:absolute;inset:0}.sq-card:hover .sq-cover{scale:1.05}.sq-art{background:var(--placeholder-bg);display:block}.sq-scrim{background:linear-gradient(to top, var(--color-surface), color-mix(in srgb, var(--color-surface) 80%, transparent) 45%, transparent);height:75%;position:absolute;inset:auto 0 0}.sq-card-text{gap:var(--spacing-stack-xs);padding:var(--spacing-stack-sm);display:grid;position:relative}.sq-meta{align-items:center;gap:var(--spacing-stack-xs);font-size:var(--typography-caption);font-variant-numeric:tabular-nums;letter-spacing:var(--primitive-tracking-wide);color:var(--color-ink-muted);flex-wrap:wrap;margin:0;display:flex}.sq-badge{padding:var(--chip-padding-y) var(--chip-padding-x);border-radius:var(--chip-radius);background:var(--color-accent-soft);color:var(--color-accent-active);font-weight:var(--primitive-fontWeight-medium);letter-spacing:var(--primitive-tracking-wider);text-transform:uppercase;transition:background var(--motion-hover) var(--motion-ease-default), color var(--motion-hover) var(--motion-ease-default)}.sq-card:is(:hover,:focus-visible) .sq-badge{background:var(--color-accent);color:var(--color-accent-foreground);transition-duration:var(--motion-enter)}.sq-card-title{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:var(--primitive-fontWeight-bold);letter-spacing:var(--primitive-tracking-tight);color:var(--color-ink);line-height:1.05}.sq-card-summary{-webkit-line-clamp:2;max-width:28rem;font-size:var(--typography-label);color:var(--color-ink-muted);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.sq-album{background:var(--color-surface-sunken);flex-direction:column;display:flex}.sq-album-stage{flex:1;position:relative;overflow:hidden}.sq-album-slide{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.sq-album-slide:active{cursor:grabbing}.sq-album-slide img{object-fit:cover;pointer-events:none}.sq-album-slide:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-ink) 80%, transparent), transparent);position:absolute;inset:50% 0 0}.sq-album-caption{z-index:1;font-weight:var(--primitive-fontWeight-bold);color:var(--color-surface);pointer-events:none;line-height:1.2;position:absolute;inset:auto 1rem .75rem}.sq-tag{z-index:1;padding:var(--chip-padding-y) var(--chip-padding-x);border-radius:var(--chip-radius);background:color-mix(in srgb, var(--color-surface) 90%, transparent);color:var(--color-ink);font-size:var(--typography-caption);font-weight:var(--primitive-fontWeight-medium);letter-spacing:var(--primitive-tracking-wider);text-transform:uppercase;pointer-events:none;position:absolute;top:.9rem;left:.9rem}.sq-arrow{z-index:2;border:1px solid var(--color-border);border-radius:var(--primitive-radius-full);background:color-mix(in srgb, var(--color-surface) 90%, transparent);width:2.25rem;height:2.25rem;color:var(--color-ink);cursor:pointer;transition:scale var(--motion-hover) var(--motion-ease-playful);place-items:center;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%}.sq-arrow:hover{scale:1.1}.sq-arrow[data-dir=prev]{left:.5rem}.sq-arrow[data-dir=next]{right:.5rem}.sq-arrow svg,.sq-close svg,.sq-hint svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sq-dots{background:var(--color-surface);justify-content:center;gap:.4rem;padding:.75rem;display:flex}.sq-dots button{border:1px solid var(--color-border);border-radius:var(--primitive-radius-full);background:var(--color-surface);cursor:pointer;width:.5rem;height:.5rem;transition:width var(--motion-hover) var(--motion-ease-default), background var(--motion-hover) var(--motion-ease-default);padding:0}.sq-dots button[aria-current=true]{border-color:var(--color-accent);background:var(--color-accent);width:1.25rem}.sq-pile{background:var(--color-accent-soft)}.sq-keepsakes{background:color-mix(in srgb, var(--color-ink) 6%, var(--color-surface))}.sq-play-title{max-width:10rem;font-size:1.35rem;font-weight:var(--primitive-fontWeight-bold);color:var(--color-ink);margin:0;line-height:1.1;position:absolute;top:1.1rem;left:1.25rem}.sq-play-title--end{text-align:right;left:auto;right:1.25rem}.sq-hint{font-size:var(--typography-caption);color:var(--color-ink-muted);align-items:center;gap:.4rem;margin:0;display:flex;position:absolute;bottom:1.1rem;left:1.25rem}.sq-hint svg{stroke-width:2px;width:13px;height:13px}.sq-sticker{z-index:1;cursor:grab;touch-action:none;width:4rem;height:4rem;position:absolute}.sq-sticker:active,.sq-polaroid:active{cursor:grabbing}.sq-sticker img{pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 6px 10px color-mix(in srgb, var(--color-ink) 22%, transparent))}.sq-polaroid{border:1px solid var(--color-border);border-radius:var(--primitive-radius-sm);background:var(--color-surface);width:7rem;box-shadow:var(--shadow-lift);cursor:grab;touch-action:none;margin:0;padding:.5rem;position:absolute}.sq-polaroid-photo{aspect-ratio:1;display:block;position:relative;overflow:hidden}.sq-polaroid-photo img{object-fit:cover;pointer-events:none}.sq-polaroid figcaption{font-size:var(--typography-caption);text-align:center;color:var(--color-ink);padding-top:.4rem}.sq-flip{perspective:900px}.sq-flip button{width:100%;height:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.sq-flip-inner{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative}.sq-flip-face{backface-visibility:hidden;padding:1.25rem;display:flex;position:absolute;inset:0}.sq-flip-front{background:var(--color-accent);border-color:#0000;flex-direction:column;justify-content:space-between}.sq-flip-front .sq-card-title{color:var(--color-accent-foreground)}.sq-hint-inline{font-size:var(--typography-caption);color:color-mix(in srgb, var(--color-accent-foreground) 80%, transparent)}.sq-flip-back{font-size:var(--typography-label);color:var(--color-ink);align-items:center;line-height:1.6;transform:rotateY(180deg)}.sq-backdrop{z-index:60;background:color-mix(in srgb, var(--color-surface) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.sq-dialog-wrap{z-index:60;pointer-events:none;place-items:center;padding:clamp(1rem,4vw,2.5rem);display:grid;position:fixed;inset:0}.sq-dialog{border:1px solid var(--color-border);border-radius:var(--primitive-radius-xl);background:var(--color-surface);width:100%;max-width:48rem;max-height:100%;box-shadow:var(--shadow-lift);pointer-events:auto;flex-direction:column;display:flex;overflow:hidden}.sq-dialog-cover{border-bottom:1px solid var(--color-border);flex:none;height:clamp(10rem,28vh,16rem);position:relative;overflow:hidden}.sq-close{border:1px solid var(--color-border);border-radius:var(--primitive-radius-full);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-ink);cursor:pointer;transition:scale var(--motion-hover) var(--motion-ease-playful);place-items:center;padding:0;display:grid;position:absolute;top:1rem;right:1rem}.sq-close:hover{scale:1.1}.sq-dialog-body{color:var(--color-ink-muted);gap:1.1rem;padding:clamp(1.5rem,4vw,2.5rem);line-height:1.7;display:grid;overflow-y:auto}.sq-dialog-body p{margin:0}.sq-dialog-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--primitive-fontWeight-bold);letter-spacing:var(--primitive-tracking-tight);color:var(--color-ink);margin:0;line-height:1}.sq-org{font-size:var(--typography-label);margin-top:.35rem!important}.sq-lead{font-size:var(--typography-tagline);font-weight:var(--primitive-fontWeight-medium);color:var(--color-ink)}.sq-dialog-body blockquote{border-left:1px solid var(--color-accent);font-family:var(--font-flourish), var(--primitive-fontFamily-flourish);color:var(--color-ink);margin:0;padding-left:1rem;font-size:1.2rem;font-style:italic;line-height:1.45}.sq-skills{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sq-skills li{padding:var(--chip-padding-y) var(--chip-padding-x);border-radius:var(--chip-radius);background:var(--color-accent-soft);color:var(--color-accent-active);font-size:var(--typography-caption);font-weight:var(--primitive-fontWeight-medium);letter-spacing:var(--primitive-tracking-wider);text-transform:uppercase}@media (prefers-reduced-motion:reduce){.sq-card:hover .sq-cover{scale:none}.sq-card:is(:hover,:focus-visible,:active){translate:none}}