.ss-portfolio__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media(min-width:520px){.ss-portfolio__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:780px){.ss-portfolio__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1040px){.ss-portfolio__grid{grid-template-columns:repeat(5,1fr);gap:.75rem}}@media(min-width:1280px){.ss-portfolio__grid{grid-template-columns:repeat(6,1fr)}}.ss-portfolio__item{margin:0}.ss-portfolio__tile{position:relative;display:block;width:100%;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-post-thumb-bg);border:1px solid var(--color-card-border);border-radius:var(--r);transition:transform var(--t),border-color var(--t-fast)}.ss-portfolio__tile:hover,.ss-portfolio__tile:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--green) 50%,var(--color-card-border));outline:none}.ss-portfolio__thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.ss-portfolio__cap{position:absolute;left:0;right:0;bottom:0;padding:.45rem .5rem .4rem;font-size:.72rem;line-height:1.25;font-weight:var(--fw-semibold);color:var(--ink-on-strong);text-align:left;background:linear-gradient(to top,#000000d1,#0000);opacity:0;transform:translateY(.4rem);transition:opacity var(--t-fast),transform var(--t);pointer-events:none}.ss-portfolio__tile:hover .ss-portfolio__cap,.ss-portfolio__tile:focus-visible .ss-portfolio__cap{opacity:1;transform:none}.ss-pf-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(0px,2.5vh,1.75rem) clamp(0px,2.5vw,1.75rem);border:0;background:transparent;color:var(--color-text);overflow:hidden;overscroll-behavior:contain}.ss-pf-lightbox::backdrop{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.ss-pf-lightbox__panel{width:100%;height:100%;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--r);box-shadow:0 24px 70px #0009}.ss-pf-lightbox__bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .7rem .6rem .95rem;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-subtle)}.ss-pf-lightbox__id{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:.6rem}.ss-pf-lightbox__name{min-width:0;font-weight:var(--fw-semibold);font-size:.95rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-pf-lightbox__count{flex:none;font-size:.72rem;color:var(--color-text-muted);letter-spacing:.06em}.ss-pf-lightbox__tools{flex:none;display:inline-flex;align-items:center;gap:.4rem}.ss-pf-lightbox__navgroup{display:inline-flex;align-items:center;gap:.25rem}.ss-pf-lightbox__visit{font-size:.8rem;color:var(--color-text-muted);text-decoration:none;padding:.34rem .75rem;border:1px solid var(--color-border-subtle);border-radius:var(--r);white-space:nowrap;transition:color var(--t-fast),border-color var(--t-fast)}.ss-pf-lightbox__visit:hover{color:var(--green);border-color:var(--green)}.ss-pf-lightbox__visit i{font-size:.85em;margin-left:.1rem}.ss-pf-lightbox__visit[hidden]{display:none}.ss-pf-lightbox__nav,.ss-pf-lightbox__close{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;width:2.1rem;height:2.1rem;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.ss-pf-lightbox__nav:hover,.ss-pf-lightbox__close:hover{color:var(--color-text);border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.ss-pf-lightbox__close{margin-left:.25rem}.ss-pf-lightbox__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--color-post-thumb-bg);text-align:center}.ss-pf-lightbox__img{display:block;width:100%;height:auto;margin:0 auto;opacity:1;transition:opacity var(--t-fast)}.ss-pf-lightbox.is-loading .ss-pf-lightbox__img{opacity:0}.ss-pf-lightbox__loading{display:none;margin:0;padding:3rem 1rem;font-size:.85rem;color:var(--color-text-muted)}.ss-pf-lightbox.is-loading .ss-pf-lightbox__loading{display:block}@media(max-width:40rem){.ss-pf-lightbox{padding:0}.ss-pf-lightbox__panel{border:0;border-radius:0}.ss-pf-lightbox__bar{padding:.5rem .5rem .5rem .75rem;gap:.5rem}.ss-pf-lightbox__name{font-size:.85rem}.ss-pf-lightbox__count{display:none}.ss-pf-lightbox__visit{padding:.34rem .55rem;font-size:0}.ss-pf-lightbox__visit i{font-size:.95rem;margin:0}}