.gallery-page h2 span,.gallery-hero h1 span{color:var(--bsa-text-subtle)}.gallery-page .eyebrow{color:var(--color-brand-blue)}.gallery-hero{align-items:end;gap:var(--space-48);padding-block:var(--section-space) var(--space-48);grid-template-columns:1.3fr 1fr;display:grid}.gallery-hero h1{margin-top:var(--gap-heading-xl);font-size:var(--type-display-size);line-height:var(--type-display-line);letter-spacing:var(--type-display-tracking);font-weight:var(--type-display-weight)}.gallery-hero__lede{color:var(--bsa-text-muted);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line);letter-spacing:var(--type-body-lg-tracking)}.gallery-hero__actions{gap:var(--space-12);margin-top:var(--space-24);flex-wrap:wrap;display:flex}.gallery-group{padding-block:var(--space-48);border-top:1px solid var(--bsa-line)}.gallery-group__heading{align-items:end;gap:var(--space-32);margin-bottom:var(--space-32);grid-template-columns:1fr 1fr;display:grid}.gallery-group__heading h2{font-size:var(--type-heading-xl-size);line-height:var(--type-heading-xl-line);letter-spacing:var(--type-heading-xl-tracking);font-weight:var(--type-heading-xl-weight)}.gallery-group__heading p{color:var(--bsa-text-muted)}.gallery-grid{gap:var(--space-24);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gallery-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid--2 .gallery-card__preview{aspect-ratio:16/7}.gallery-card{border:1px solid var(--bsa-line);border-radius:var(--radius-large);background:var(--bsa-bg);color:inherit;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.gallery-card:hover{border-color:var(--bsa-action)}.gallery-card:hover .gallery-card__link{text-decoration:underline}.gallery-card__preview{aspect-ratio:4/3;padding:var(--space-24);background:var(--bsa-bg-quiet);place-items:center;display:grid}.gallery-card__copy{gap:var(--space-8);padding:var(--space-24);flex-direction:column;flex:1;display:flex}.gallery-card__copy h3{font-size:var(--type-heading-sm-size);line-height:var(--type-heading-sm-line);font-weight:var(--type-heading-sm-weight)}.gallery-card__copy p{color:var(--bsa-text-muted);font-size:var(--type-small-size);line-height:var(--type-small-line);flex:1}.gallery-card__tag{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);background:var(--bsa-bg-quiet);color:var(--bsa-text-subtle);font-family:var(--type-data-family);font-size:var(--type-label-size);align-self:flex-start}.gallery-card__link{color:var(--bsa-link);font-weight:var(--font-weight-medium);font-size:var(--type-small-size)}.format-sketch{aspect-ratio:4/3;border-radius:var(--radius-default);background:var(--bsa-bg);width:100%;max-width:300px;box-shadow:var(--shadow-overlay);position:relative;overflow:hidden}.format-sketch__chrome{align-items:center;gap:var(--space-4);height:16px;padding-inline:var(--space-8);background:var(--color-surface-stone);display:flex}.format-sketch i{border-radius:var(--radius-full);background:var(--bsa-line);display:block}.format-sketch__chrome i{width:5px;height:5px}.format-sketch__body{gap:var(--space-12);padding:var(--space-12) var(--space-16);grid-template-columns:2fr 1fr;display:grid}.format-sketch__lines i,.format-sketch__side i{height:6px;margin-bottom:var(--space-8)}.format-sketch__lines i:first-child{width:70%;height:10px}.format-sketch__unit{border-radius:var(--radius-default);background:var(--color-brand-blue);display:block}.format-sketch--page-top .format-sketch__unit{border-radius:0;height:18px}.format-sketch--inline .format-sketch__unit{height:36px;margin-bottom:var(--space-8)}.format-sketch--sidebar .format-sketch__unit{height:56px;margin-bottom:var(--space-8);transform:rotate(-3deg)}.format-sketch--corner .format-sketch__unit{width:34%;height:30%;position:absolute;bottom:10px;right:10px}.format-sketch--window-top .format-sketch__unit{height:20px;position:absolute;top:24px;left:8px;right:8px}.gallery-join{padding-block:var(--section-space);background:var(--bsa-bg-highlight)}.gallery-join__inner{align-items:end;gap:var(--space-32);grid-template-columns:1fr auto;display:grid}.gallery-join h2{font-size:var(--type-heading-xl-size);line-height:var(--type-heading-xl-line);letter-spacing:var(--type-heading-xl-tracking);font-weight:var(--type-heading-xl-weight)}.gallery-join p{max-width:52ch;margin-top:var(--space-12);color:var(--bsa-text-muted);text-wrap:pretty}.gallery-demo{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.gallery-demo__bar{align-items:center;gap:var(--space-24);padding:var(--space-8) var(--container-gutter);border-bottom:1px solid var(--bsa-line);background:var(--bsa-bg);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.gallery-demo__home{color:var(--bsa-link);font-size:var(--type-small-size);font-weight:var(--font-weight-medium);white-space:nowrap}.gallery-demo__formats{gap:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.gallery-demo__formats a{padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);color:var(--bsa-text-muted);font-size:var(--type-small-size);line-height:var(--type-small-line);white-space:nowrap}.gallery-demo__formats a:hover{background:var(--bsa-bg-quiet);color:var(--bsa-text)}.gallery-demo__formats a[aria-current=page]{background:var(--bsa-action-soft);color:var(--bsa-action-soft-text);font-weight:var(--font-weight-medium)}.gallery-demo__actions{align-items:center;gap:var(--space-12);display:flex}.gallery-demo__actions .button{white-space:nowrap;align-self:center}.gallery-demo__docs{color:var(--bsa-link);font-size:var(--type-small-size);font-weight:var(--font-weight-medium)}.gallery-demo__stage{min-height:0;position:relative}.gallery-demo__hint{bottom:var(--space-16);max-width:calc(100% - 2 * var(--space-16));padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--bsa-bg-inverse);color:var(--bsa-text-inverse);font-size:var(--type-small-size);line-height:var(--type-small-line);text-align:center;text-wrap:balance;pointer-events:none;position:absolute;left:50%;translate:-50%}.gallery-demo__stage iframe{border:0;width:100%;height:100%;display:block}@media (width<=1080px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-demo__bar{row-gap:var(--space-8);grid-template-columns:auto minmax(0,1fr)}.gallery-demo__formats{grid-area:2/1/auto/-1}.gallery-demo__actions{justify-self:end}}@media (width<=860px){.gallery-hero,.gallery-group__heading,.gallery-join__inner{gap:var(--space-24);grid-template-columns:minmax(0,1fr)}.gallery-group__heading h2,.gallery-join h2{font-size:var(--type-heading-lg-size);line-height:var(--type-heading-lg-line);letter-spacing:var(--type-heading-lg-tracking)}}@media (width<=600px){.gallery-grid,.gallery-grid--2{grid-template-columns:minmax(0,1fr)}.gallery-grid--2 .gallery-card__preview{aspect-ratio:4/3}.gallery-demo__docs,.gallery-demo__actions .button:not(.button--outline){display:none}}