Private Gallery
{% comment %}
PRIVATE COLLECTOR GALLERY — Laney Baby Art
{% endcomment %}
{% assign gallery_collection = collections['original-paintings'] %}
{% assign eyebrow = 'By Private View' %}
{% assign headline = 'The Collection' %}
{% assign intro = '' %}
{% assign inquiry_email = 'hello@laneybabyart.com' %}
{% if gallery_collection != blank %}
{% assign available_works = "" %}
{% assign acquired_works = "" %}
{% else %}
{% style %}
#pg-{{ section.id }} {
--pg-bg: #fcfbf8;
--pg-ink: #1b1a17;
--pg-ink-soft: #6b6558;
--pg-hairline: #e4dfd3;
--pg-blue: #1f2a44;
--pg-brass: #a9895a;
--pg-brass-bg: #f4efe4;
--pg-blue-bg: #eef1f6;
font-family: 'Jost', sans-serif;
background: var(--pg-bg);
color: var(--pg-ink);
padding: 96px 6vw 64px;
}
#pg-{{ section.id }} * { box-sizing: border-box; }
#pg-{{ section.id }} .pg-header {
max-width: 640px;
margin: 0 auto 72px;
text-align: center;
}
#pg-{{ section.id }} .pg-eyebrow {
font-size: 12px;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--pg-ink-soft);
margin: 0 0 18px;
}
#pg-{{ section.id }} .pg-headline {
font-family: 'Playfair Display', serif;
font-weight: 500;
font-size: clamp(36px, 5vw, 58px);
line-height: 1.08;
margin: 0 0 20px;
letter-spacing: 0.01em;
}
#pg-{{ section.id }} .pg-intro {
font-size: 16px;
line-height: 1.7;
color: var(--pg-ink-soft);
margin: 0;
font-weight: 300;
}
#pg-{{ section.id }} .pg-rooms {
display: flex;
justify-content: center;
gap: 48px;
border-top: 1px solid var(--pg-hairline);
border-bottom: 1px solid var(--pg-hairline);
padding: 22px 0;
margin-bottom: 56px;
}
#pg-{{ section.id }} .pg-room-btn {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: baseline;
gap: 10px;
color: var(--pg-ink-soft);
font-family: 'Jost', sans-serif;
padding: 4px 2px;
transition: color 0.25s ease;
}
#pg-{{ section.id }} .pg-room-num {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 15px;
}
#pg-{{ section.id }} .pg-room-label {
font-size: 13px;
letter-spacing: 0.18em;
text-transform: uppercase;
position: relative;
padding-bottom: 6px;
}
#pg-{{ section.id }} .pg-room-btn.is-active { color: var(--pg-ink); }
#pg-{{ section.id }} .pg-room-btn.is-active .pg-room-label::after {
content: '';
position: absolute;
left: 0; right: 0; bottom: 0;
height: 1px;
background: var(--pg-ink);
}
#pg-{{ section.id }} .pg-room-btn:hover { color: var(--pg-ink); }
#pg-{{ section.id }} .pg-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 56px 40px;
max-width: 1280px;
margin: 0 auto;
}
#pg-{{ section.id }} .pg-empty {
text-align: center;
color: var(--pg-ink-soft);
font-weight: 300;
max-width: 420px;
margin: 20px auto 0;
line-height: 1.7;
}
#pg-{{ section.id }} .pg-card { display: flex; flex-direction: column; }
#pg-{{ section.id }} .pg-image-wrap {
position: relative;
background: #f1efe8;
overflow: hidden;
margin-bottom: 20px;
}
#pg-{{ section.id }} .pg-image-wrap img {
width: 100%;
height: auto;
display: block;
transition: transform 0.7s cubic-bezier(.2,.7,.2,1);
}
#pg-{{ section.id }} .pg-card:hover .pg-image-wrap img { transform: scale(1.035); }
#pg-{{ section.id }} .pg-status-dot {
position: absolute;
top: 14px;
left: 14px;
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
padding: 5px 10px;
backdrop-filter: blur(4px);
}
#pg-{{ section.id }} .pg-status-dot.available { background: rgba(238,241,246,0.9); color: var(--pg-blue); }
#pg-{{ section.id }} .pg-status-dot.acquired { background: rgba(244,239,228,0.92); color: var(--pg-brass); }
#pg-{{ section.id }} .pg-label {
border-top: 1px solid var(--pg-hairline);
padding-top: 14px;
}
#pg-{{ section.id }} .pg-title {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 19px;
margin: 0 0 6px;
line-height: 1.35;
}
#pg-{{ section.id }} .pg-meta {
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--pg-ink-soft);
margin: 0 0 16px;
line-height: 1.8;
}
#pg-{{ section.id }} .pg-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
#pg-{{ section.id }} .pg-price {
font-size: 15px;
letter-spacing: 0.02em;
}
#pg-{{ section.id }} .pg-buy-btn {
font-family: 'Jost', sans-serif;
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
background: var(--pg-ink);
color: var(--pg-bg);
border: 1px solid var(--pg-ink);
padding: 11px 20px;
cursor: pointer;
transition: background 0.25s ease, color 0.25s ease;
white-space: nowrap;
}
#pg-{{ section.id }} .pg-buy-btn:hover { background: transparent; color: var(--pg-ink); }
#pg-{{ section.id }} .pg-buy-btn.is-added { background: var(--pg-blue); border-color: var(--pg-blue); }
#pg-{{ section.id }} .pg-buy-btn:disabled { opacity: 0.6; cursor: default; }
#pg-{{ section.id }} .pg-acquired-mark {
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--pg-brass);
border: 1px solid var(--pg-brass);
padding: 10px 18px;
}
#pg-{{ section.id }} .pg-footer {
text-align: center;
margin-top: 88px;
padding-top: 40px;
border-top: 1px solid var(--pg-hairline);
}
#pg-{{ section.id }} .pg-footer-line {
font-size: 14px;
color: var(--pg-ink-soft);
margin: 0 0 8px;
font-weight: 300;
}
#pg-{{ section.id }} .pg-footer-link {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 18px;
color: var(--pg-ink);
text-decoration: none;
border-bottom: 1px solid var(--pg-ink);
padding-bottom: 2px;
}
@media (prefers-reduced-motion: reduce) {
#pg-{{ section.id }} .pg-image-wrap img { transition: none; }
}
@media (max-width: 640px) {
#pg-{{ section.id }} { padding: 64px 6vw 48px; }
#pg-{{ section.id }} .pg-rooms { gap: 32px; }
}
{% endstyle %}
{{ eyebrow }}
{{ headline }}
{% if intro != blank %}{{ intro }}
{% endif %}
{% for product in gallery_collection.products %}
{% if product.available %}
{% assign available_works = available_works | append: "1" %}
{% assign variant = product.selected_or_first_available_variant %}
{% endif %}
{% endfor %}
{% if available_works == "" %}
Available
{% if product.featured_image %}
{% endif %}
{{ product.title }}
{{ variant.price | money }}
Every piece currently in this room has found a home. New work is added by private notice — join the list below to hear first.
{% endif %}
{% for product in gallery_collection.products %}
{% unless product.available %}
{% assign acquired_works = acquired_works | append: "1" %}
{% endunless %}
{% endfor %}
{% if acquired_works == "" %}
Acquired
{% if product.featured_image %}
{% endif %}
{{ product.title }}
In a Private Collection
Nothing has left this room yet.
{% endif %}Select a gallery collection in the section settings to bring this room to life.
{% endif %}