html{scroll-behavior:auto}.photos-page{padding-top:var(--nav-offset);padding-bottom:var(--space-48);background:var(--semantic-bg-default)}.photos-page__header{max-width:720px;margin:0 auto var(--space-32);text-align:center}.photos-page__lead{margin:0;font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:300;color:var(--semantic-text-tertiary)}.photos-page__title{margin:0 0 var(--space-12);font-size:var(--type-cn-headline-medium-size);line-height:var(--type-cn-headline-medium-line);font-weight:var(--type-cn-headline-medium-weight);color:var(--semantic-text-primary)}@media (max-width:768px){.photos-page__title{font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line)}}.photos-page__filters{max-width:1000px;margin:0 auto var(--space-24);padding:0 var(--space-16)}.photos-page__filter-tabs{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-16);border-bottom:1px solid var(--semantic-border-default);margin-bottom:var(--space-16);overflow-x:auto;scrollbar-width:none}.photos-page__filter-tabs::-webkit-scrollbar{display:none}.photos-page__filter-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;padding:var(--space-12) var(--space-8);border:none;background:transparent;color:var(--semantic-text-secondary);cursor:pointer}.photos-page__filter-toggle:hover{color:var(--semantic-text-primary)}@media (max-width:768px){.photos-page__filter-tabs{justify-content:flex-start}.photos-page__filter-toggle{position:static;transform:none;margin-left:auto;flex-shrink:0}}.photo-filter-tab{flex-shrink:0;padding:var(--space-12) var(--space-20);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);color:var(--semantic-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.photo-filter-tab:hover{color:var(--semantic-text-primary)}.photo-filter-tab__count{margin-left:var(--space-4);font-family:var(--font-en);font-size:var(--type-cn-label-small-size);font-weight:500;color:var(--semantic-text-tertiary)}.photo-filter-tab--active .photo-filter-tab__count{color:var(--semantic-text-accent)}.photo-filter-tab--active{color:var(--semantic-brand-primary);border-bottom-color:var(--semantic-brand-primary);font-weight:500}.photo-filter-panel{padding:var(--space-4) 0}.photo-filter-panel__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}.photo-filter-panel__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-12);align-items:center}@media (max-width:768px){.photo-filter-panel__chips,.photo-filter-panel__swatches{justify-content:flex-start}}.photo-chip{display:inline-flex;align-items:center;padding:var(--space-8) var(--space-16);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-pill);background:var(--semantic-bg-default);color:var(--semantic-text-secondary);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.photo-chip:hover{border-color:var(--semantic-border-accent);color:var(--semantic-text-primary)}.photo-chip--active{background:var(--semantic-bg-accent);border-color:var(--semantic-bg-accent)}.photo-chip--active,.photo-chip--active:hover{color:var(--semantic-text-inverse)}.photo-swatch{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4);border:0;background:transparent;cursor:pointer}.photo-swatch__dot{width:32px;height:32px;border-radius:var(--radius-pill);border:2px solid var(--semantic-border-subtle);box-shadow:0 1px 2px rgba(0,0,0,.08);transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.photo-swatch:hover .photo-swatch__dot{transform:scale(1.1)}.photo-swatch--active .photo-swatch__dot{border-color:var(--semantic-border-accent);box-shadow:0 0 0 3px var(--semantic-focus-ring-accent);transform:scale(1.1)}.photo-wall{width:100%;padding:0 var(--space-16);align-items:flex-start}.photo-wall,.photo-wall__column{display:flex;gap:var(--space-12)}.photo-wall__column{flex:1 1 0;min-width:0;flex-direction:column}@media (max-width:768px){.photo-wall{padding:0 var(--space-8)}.photo-wall,.photo-wall__column{gap:var(--space-8)}}.photo-wall__card{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:var(--semantic-bg-subtle);transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease)}.photo-wall__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.photo-wall__media{display:block;width:100%;padding:0;border:0;margin:0;background:var(--semantic-bg-subtle);cursor:pointer;overflow:hidden}.photo-wall__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--motion-ease)}.photo-wall__card:hover .photo-wall__media img{transform:scale(1.03)}.photo-wall__meta{position:absolute;inset:auto 0 0;padding:var(--space-24) var(--space-12) var(--space-12);background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent);pointer-events:none;opacity:0;transition:opacity var(--motion-base) var(--motion-ease)}.photo-wall__meta--visible{opacity:1;pointer-events:auto}.photo-wall__designer{display:inline-flex;align-items:center;gap:var(--space-8);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:hsla(0,0%,100%,.9);text-decoration:none;max-width:100%;overflow:hidden}.photo-wall__designer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-wall__designer:hover{color:#fff}.photo-wall__designer-avatar{width:28px;height:28px;border-radius:var(--radius-pill);object-fit:cover;border:1.5px solid hsla(0,0%,100%,.6);flex-shrink:0}.photo-wall__status{text-align:center;line-height:var(--type-cn-body-large-line);color:var(--semantic-text-secondary)}.photo-wall__searching,.photo-wall__status{padding:var(--space-64) 0;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size)}.photo-wall__searching{display:flex;align-items:center;justify-content:center;gap:var(--space-8);color:var(--semantic-text-disabled)}.photo-wall__sentinel{width:100%;height:1px}.photo-wall__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-24) 0;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);color:var(--semantic-text-disabled)}.photo-wall__loading.is-done{display:none}