{"title":"Shelving Collection","description":"\u003cstyle\u003e\n  .bg-shelving-page {\n    --bg-ink: #171513;\n    --bg-muted: #676058;\n    --bg-paper: #f5f1eb;\n    --bg-paper-deep: #e9e1d6;\n    --bg-white: #fffdf9;\n    --bg-dark: #1d1b19;\n    --bg-gold: #9a7953;\n    --bg-line: rgba(23, 21, 19, 0.15);\n    --bg-light-line: rgba(255, 255, 255, 0.22);\n    --bg-serif: \"Libre Baskerville\", Georgia, \"Times New Roman\", serif;\n    --bg-sans: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n\n    width: 100%;\n    margin: 0;\n    background: var(--bg-paper);\n    color: var(--bg-ink);\n    font-family: var(--bg-sans);\n    overflow: hidden;\n  }\n\n  .bg-shelving-page,\n  .bg-shelving-page *,\n  .bg-shelving-page *::before,\n  .bg-shelving-page *::after {\n    box-sizing: border-box;\n  }\n\n  .bg-shelving-page img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .bg-shelving-page a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .bg-shelving-page h1,\n  .bg-shelving-page h2,\n  .bg-shelving-page h3,\n  .bg-shelving-page p {\n    margin: 0;\n  }\n\n  .bg-shelving-page h1,\n  .bg-shelving-page h2,\n  .bg-shelving-page h3 {\n    color: var(--bg-ink);\n    font-family: var(--bg-serif);\n    font-weight: 400;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .bg-shelving-page p {\n    color: var(--bg-muted);\n    font-size: 16px;\n    line-height: 1.82;\n  }\n\n  .bg-shelving-page .bg-shell {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n  }\n\n  .bg-shelving-page .bg-kicker {\n    margin-bottom: 18px;\n    color: var(--bg-gold);\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n  }\n\n  .bg-shelving-page .bg-title-xl {\n    font-size: clamp(52px, 7vw, 106px);\n    line-height: 0.95;\n    letter-spacing: -0.052em;\n  }\n\n  .bg-shelving-page .bg-title-lg {\n    font-size: clamp(38px, 5vw, 68px);\n    line-height: 1.03;\n    letter-spacing: -0.042em;\n  }\n\n  .bg-shelving-page .bg-title-md {\n    font-size: clamp(32px, 4vw, 52px);\n    line-height: 1.06;\n    letter-spacing: -0.035em;\n  }\n\n  .bg-shelving-page .bg-button {\n    min-height: 54px;\n    padding: 0 29px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid currentColor;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: 0.15em;\n    text-align: center;\n    text-transform: uppercase;\n    transition:\n      transform 0.25s ease,\n      background 0.25s ease,\n      color 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .bg-shelving-page .bg-button:hover {\n    transform: translateY(-2px);\n  }\n\n  .bg-shelving-page .bg-button-dark {\n    color: #ffffff !important;\n    background: var(--bg-ink);\n    border-color: var(--bg-ink);\n  }\n\n  .bg-shelving-page .bg-button-dark:hover {\n    background: #322e29;\n    border-color: #322e29;\n  }\n\n  .bg-shelving-page .bg-button-light {\n    color: var(--bg-ink) !important;\n    background: transparent;\n    border-color: var(--bg-ink);\n  }\n\n  .bg-shelving-page .bg-button-light:hover {\n    color: #ffffff !important;\n    background: var(--bg-ink);\n  }\n\n  .bg-shelving-page .bg-button-white {\n    color: var(--bg-ink) !important;\n    background: #ffffff;\n    border-color: #ffffff;\n  }\n\n  .bg-shelving-page .bg-button-outline-white {\n    color: #ffffff !important;\n    background: transparent;\n    border-color: rgba(255, 255, 255, 0.72);\n  }\n\n  .bg-shelving-page .bg-button-outline-white:hover {\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  \/* FORCE DARK-SECTION COLORS *\/\n\n  .bg-shelving-page .bg-hero h1,\n  .bg-shelving-page .bg-dark-section h2,\n  .bg-shelving-page .bg-dark-section h3,\n  .bg-shelving-page .bg-concierge h2,\n  .bg-shelving-page .bg-closing h2 {\n    color: #ffffff !important;\n  }\n\n  .bg-shelving-page .bg-hero p,\n  .bg-shelving-page .bg-dark-section p,\n  .bg-shelving-page .bg-concierge p,\n  .bg-shelving-page .bg-closing p {\n    color: rgba(255, 255, 255, 0.75) !important;\n  }\n\n  \/* HERO *\/\n\n  .bg-shelving-page .bg-hero {\n    position: relative;\n    min-height: 92vh;\n    color: #ffffff;\n    background: #201e1b;\n    isolation: isolate;\n  }\n\n  .bg-shelving-page .bg-hero-media {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n  }\n\n  .bg-shelving-page .bg-hero-media::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(10, 9, 8, 0.84) 0%,\n        rgba(10, 9, 8, 0.6) 26%,\n        rgba(10, 9, 8, 0.25) 52%,\n        rgba(10, 9, 8, 0.04) 80%\n      ),\n      linear-gradient(\n        0deg,\n        rgba(10, 9, 8, 0.46),\n        transparent 60%\n      );\n  }\n\n  .bg-shelving-page .bg-hero-media img {\n    object-position: center center;\n  }\n\n  .bg-shelving-page .bg-hero-inner {\n    min-height: 92vh;\n    padding: 42px 0 52px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .bg-shelving-page .bg-hero-top {\n    display: flex;\n    justify-content: space-between;\n    gap: 24px;\n    color: rgba(255, 255, 255, 0.8);\n    font-size: 11px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .bg-shelving-page .bg-hero-brand {\n    color: #ffffff !important;\n    font-family: var(--bg-serif);\n    font-size: 13px;\n    letter-spacing: 0.08em;\n  }\n\n  .bg-shelving-page .bg-hero-copy {\n    width: min(650px, 52%);\n    margin-right: auto;\n    text-align: left;\n  }\n\n  .bg-shelving-page .bg-hero-copy .bg-kicker {\n    color: rgba(255, 255, 255, 0.82);\n  }\n\n  .bg-shelving-page .bg-hero-title-mobile {\n    display: none;\n  }\n\n  .bg-shelving-page .bg-hero-copy p {\n    max-width: 540px;\n    margin-top: 28px;\n    color: rgba(255, 255, 255, 0.82) !important;\n    font-size: 17px;\n    line-height: 1.76;\n  }\n\n  .bg-shelving-page .bg-hero-actions {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin-top: 36px;\n  }\n\n  .bg-shelving-page .bg-hero-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: 24px;\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 11px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .bg-shelving-page .bg-scroll-line {\n    width: 120px;\n    height: 1px;\n    margin-bottom: 6px;\n    background: rgba(255, 255, 255, 0.52);\n  }\n\n  \/* PHILOSOPHY *\/\n\n  .bg-shelving-page .bg-philosophy {\n    padding: 138px 0 128px;\n  }\n\n  .bg-shelving-page .bg-philosophy-grid {\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: clamp(60px, 9vw, 140px);\n    align-items: start;\n  }\n\n  .bg-shelving-page .bg-philosophy-copy {\n    max-width: 580px;\n  }\n\n  .bg-shelving-page .bg-philosophy-copy p + p {\n    margin-top: 22px;\n  }\n\n  .bg-shelving-page .bg-feature-strip {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-top: 92px;\n    border-top: 1px solid var(--bg-line);\n    border-bottom: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-feature {\n    padding: 27px 22px 30px;\n    border-right: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-feature:first-child {\n    padding-left: 0;\n  }\n\n  .bg-shelving-page .bg-feature:last-child {\n    border-right: 0;\n  }\n\n  .bg-shelving-page .bg-feature-number {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--bg-gold);\n    font-family: var(--bg-serif);\n    font-size: 13px;\n  }\n\n  .bg-shelving-page .bg-feature strong {\n    display: block;\n    margin-bottom: 7px;\n    font-family: var(--bg-serif);\n    font-size: 20px;\n    font-weight: 400;\n  }\n\n  .bg-shelving-page .bg-feature span {\n    color: var(--bg-muted);\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  \/* LEDGE FEATURE *\/\n\n  .bg-shelving-page .bg-ledge-feature {\n    display: grid;\n    grid-template-columns: 1.12fr 0.88fr;\n    min-height: 800px;\n    background: var(--bg-white);\n  }\n\n  .bg-shelving-page .bg-ledge-image {\n    min-height: 800px;\n    overflow: hidden;\n    background: #d8d0c5;\n  }\n\n  .bg-shelving-page .bg-ledge-image img {\n    object-position: center center;\n    transition: transform 1.1s ease;\n  }\n\n  .bg-shelving-page .bg-ledge-feature:hover .bg-ledge-image img {\n    transform: scale(1.018);\n  }\n\n  .bg-shelving-page .bg-ledge-copy {\n    padding: clamp(70px, 8vw, 130px);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .bg-shelving-page .bg-product-number {\n    margin-bottom: 22px;\n    color: var(--bg-gold);\n    font-family: var(--bg-serif);\n    font-size: 15px;\n    letter-spacing: 0.12em;\n  }\n\n  .bg-shelving-page .bg-product-subtitle {\n    margin-top: 15px;\n    color: var(--bg-gold);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .bg-shelving-page .bg-ledge-copy \u003e p {\n    max-width: 530px;\n    margin-top: 28px;\n  }\n\n  .bg-shelving-page .bg-product-specs {\n    margin-top: 42px;\n    border-top: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-product-spec {\n    display: grid;\n    grid-template-columns: 150px 1fr;\n    gap: 24px;\n    padding: 18px 0;\n    border-bottom: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-product-spec strong {\n    font-size: 10px;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .bg-shelving-page .bg-product-spec span {\n    color: var(--bg-muted);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .bg-shelving-page .bg-ledge-actions {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin-top: 38px;\n  }\n\n  \/* PRINCIPLES *\/\n\n  .bg-shelving-page .bg-principles {\n    padding: 134px 0;\n    background: var(--bg-dark);\n    color: #ffffff;\n  }\n\n  .bg-shelving-page .bg-principles-head {\n    max-width: 780px;\n    margin-bottom: 70px;\n  }\n\n  .bg-shelving-page .bg-principles-head p {\n    max-width: 620px;\n    margin-top: 24px;\n  }\n\n  .bg-shelving-page .bg-principles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    border-top: 1px solid var(--bg-light-line);\n    border-bottom: 1px solid var(--bg-light-line);\n  }\n\n  .bg-shelving-page .bg-principle {\n    min-height: 310px;\n    padding: 42px 38px;\n    border-right: 1px solid var(--bg-light-line);\n  }\n\n  .bg-shelving-page .bg-principle:last-child {\n    border-right: 0;\n  }\n\n  .bg-shelving-page .bg-principle-number {\n    margin-bottom: 62px;\n    color: var(--bg-gold);\n    font-family: var(--bg-serif);\n    font-size: 15px;\n  }\n\n  .bg-shelving-page .bg-principle h3 {\n    margin-bottom: 18px;\n    color: #ffffff !important;\n    font-size: 33px;\n    line-height: 1.08;\n  }\n\n  .bg-shelving-page .bg-principle p {\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  \/* SIZE OVERVIEW *\/\n\n  .bg-shelving-page .bg-size-overview {\n    padding: 138px 0 146px;\n    background: var(--bg-white);\n  }\n\n  .bg-shelving-page .bg-size-head {\n    display: grid;\n    grid-template-columns: 1fr 0.9fr;\n    gap: 80px;\n    align-items: end;\n    margin-bottom: 68px;\n  }\n\n  .bg-shelving-page .bg-size-head p {\n    max-width: 520px;\n    justify-self: end;\n  }\n\n  .bg-shelving-page .bg-size-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 34px 24px;\n  }\n\n  .bg-shelving-page .bg-size-card {\n    display: block;\n  }\n\n  .bg-shelving-page .bg-size-card-image {\n    aspect-ratio: 4 \/ 5;\n    overflow: hidden;\n    background: #ddd5ca;\n  }\n\n  .bg-shelving-page .bg-size-card-image img {\n    transition: transform 0.8s ease;\n  }\n\n  .bg-shelving-page .bg-size-card:hover img {\n    transform: scale(1.025);\n  }\n\n  .bg-shelving-page .bg-size-card-copy {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    padding-top: 18px;\n  }\n\n  .bg-shelving-page .bg-size-card h3 {\n    font-size: 24px;\n    line-height: 1.15;\n  }\n\n  .bg-shelving-page .bg-size-dimension {\n    padding-top: 4px;\n    color: var(--bg-gold);\n    font-family: var(--bg-serif);\n    font-size: 15px;\n    white-space: nowrap;\n  }\n\n  .bg-shelving-page .bg-size-cta {\n    margin-top: 58px;\n    text-align: center;\n  }\n\n  \/* ENGINEERING *\/\n\n  .bg-shelving-page .bg-engineering {\n    padding: 132px 0;\n    background: var(--bg-paper);\n  }\n\n  .bg-shelving-page .bg-engineering-head {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n    gap: 90px;\n    align-items: end;\n    margin-bottom: 62px;\n  }\n\n  .bg-shelving-page .bg-engineering-head p {\n    max-width: 550px;\n    justify-self: end;\n  }\n\n  .bg-shelving-page .bg-blueprint-wrap {\n    width: min(1600px, calc(100vw - 32px));\n    margin-left: 50%;\n    transform: translateX(-50%);\n    padding: 12px;\n    background: #f4f0e9;\n    border: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-blueprint-wrap img {\n    height: auto;\n    object-fit: contain;\n  }\n\n  .bg-shelving-page .bg-blueprint-note {\n    display: none;\n  }\n\n  .bg-shelving-page .bg-engineering-strip {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-top: 64px;\n    border-top: 1px solid var(--bg-line);\n    border-bottom: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-engineering-item {\n    padding: 24px 22px 27px;\n    border-right: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-engineering-item:first-child {\n    padding-left: 0;\n  }\n\n  .bg-shelving-page .bg-engineering-item:last-child {\n    border-right: 0;\n  }\n\n  .bg-shelving-page .bg-engineering-item strong {\n    display: block;\n    margin-bottom: 8px;\n    font-family: var(--bg-serif);\n    font-size: 19px;\n    font-weight: 400;\n  }\n\n  .bg-shelving-page .bg-engineering-item span {\n    color: var(--bg-muted);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  \/* MATERIAL *\/\n\n  .bg-shelving-page .bg-material {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    min-height: 760px;\n    background: var(--bg-paper-deep);\n  }\n\n  .bg-shelving-page .bg-material-image {\n    min-height: 760px;\n  }\n\n  .bg-shelving-page .bg-material-copy {\n    padding: clamp(70px, 8vw, 130px);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .bg-shelving-page .bg-material-copy \u003e p {\n    max-width: 520px;\n    margin-top: 28px;\n  }\n\n  .bg-shelving-page .bg-material-notes {\n    margin-top: 42px;\n    border-top: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-material-note {\n    display: grid;\n    grid-template-columns: 42px 1fr;\n    gap: 18px;\n    padding: 20px 0;\n    border-bottom: 1px solid var(--bg-line);\n  }\n\n  .bg-shelving-page .bg-material-note-number {\n    color: var(--bg-gold);\n    font-family: var(--bg-serif);\n    font-size: 13px;\n  }\n\n  .bg-shelving-page .bg-material-note span {\n    color: var(--bg-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* COLLECTION GROWTH *\/\n\n  .bg-shelving-page .bg-growth {\n    padding: 126px 0;\n    background: var(--bg-dark);\n    color: #ffffff;\n    text-align: center;\n  }\n\n  .bg-shelving-page .bg-growth-inner {\n    max-width: 850px;\n    margin: 0 auto;\n  }\n\n  .bg-shelving-page .bg-growth-inner p {\n    max-width: 650px;\n    margin: 28px auto 0;\n  }\n\n  \/* CONCIERGE *\/\n\n  .bg-shelving-page .bg-concierge {\n    position: relative;\n    min-height: 660px;\n    display: flex;\n    align-items: center;\n    color: #ffffff;\n    text-align: center;\n    background: #1b1917;\n    isolation: isolate;\n  }\n\n  .bg-shelving-page .bg-concierge::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background:\n      linear-gradient(\n        rgba(12, 11, 10, 0.7),\n        rgba(12, 11, 10, 0.7)\n      ),\n      url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/B5B2399C-76CF-49D8-98F0-FDB1CF56BCA8.png?v=1783593158\")\n      center \/ cover no-repeat;\n  }\n\n  .bg-shelving-page .bg-concierge-inner {\n    max-width: 850px;\n    margin: 0 auto;\n    padding: 110px 24px;\n  }\n\n  .bg-shelving-page .bg-concierge p {\n    max-width: 660px;\n    margin: 28px auto 0;\n  }\n\n  .bg-shelving-page .bg-concierge-actions {\n    display: flex;\n    justify-content: center;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin-top: 38px;\n  }\n\n  \/* COLLECTION TRANSITION *\/\n\n  .bg-shelving-page .bg-shop-transition {\n    padding: 116px 24px;\n    background: var(--bg-white);\n    text-align: center;\n  }\n\n  .bg-shelving-page .bg-shop-transition-inner {\n    max-width: 820px;\n    margin: 0 auto;\n  }\n\n  .bg-shelving-page .bg-shop-transition p {\n    max-width: 590px;\n    margin: 26px auto 0;\n  }\n\n  \/* CLOSING *\/\n\n  .bg-shelving-page .bg-closing {\n    padding: 132px 24px;\n    color: #ffffff;\n    text-align: center;\n    background: var(--bg-dark);\n  }\n\n  .bg-shelving-page .bg-closing-inner {\n    max-width: 820px;\n    margin: 0 auto;\n  }\n\n  .bg-shelving-page .bg-closing p {\n    max-width: 590px;\n    margin: 26px auto 0;\n  }\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 950px) {\n    .bg-shelving-page .bg-shell {\n      width: min(100% - 32px, 1240px);\n    }\n\n    .bg-shelving-page .bg-hero,\n    .bg-shelving-page .bg-hero-inner {\n      min-height: 820px;\n    }\n\n    .bg-shelving-page .bg-hero-copy {\n      width: min(610px, 72%);\n    }\n\n    .bg-shelving-page .bg-philosophy-grid,\n    .bg-shelving-page .bg-size-head,\n    .bg-shelving-page .bg-engineering-head {\n      grid-template-columns: 1fr;\n      gap: 38px;\n    }\n\n    .bg-shelving-page .bg-size-head p,\n    .bg-shelving-page .bg-engineering-head p {\n      justify-self: start;\n    }\n\n    .bg-shelving-page .bg-feature-strip,\n    .bg-shelving-page .bg-engineering-strip {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .bg-shelving-page .bg-feature:nth-child(2),\n    .bg-shelving-page .bg-engineering-item:nth-child(2) {\n      border-right: 0;\n    }\n\n    .bg-shelving-page .bg-feature:nth-child(-n + 2),\n    .bg-shelving-page .bg-engineering-item:nth-child(-n + 2) {\n      border-bottom: 1px solid var(--bg-line);\n    }\n\n    .bg-shelving-page .bg-feature:nth-child(3),\n    .bg-shelving-page .bg-engineering-item:nth-child(3) {\n      padding-left: 0;\n    }\n\n    .bg-shelving-page .bg-ledge-feature,\n    .bg-shelving-page .bg-material {\n      grid-template-columns: 1fr;\n    }\n\n    .bg-shelving-page .bg-ledge-image,\n    .bg-shelving-page .bg-material-image {\n      min-height: 600px;\n    }\n\n    .bg-shelving-page .bg-principles-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .bg-shelving-page .bg-principle {\n      min-height: auto;\n      border-right: 0;\n      border-bottom: 1px solid var(--bg-light-line);\n    }\n\n    .bg-shelving-page .bg-principle:last-child {\n      border-bottom: 0;\n    }\n\n    .bg-shelving-page .bg-principle-number {\n      margin-bottom: 32px;\n    }\n\n    .bg-shelving-page .bg-size-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 640px) {\n    .bg-shelving-page .bg-shell {\n      width: min(100% - 24px, 1240px);\n    }\n\n    .bg-shelving-page .bg-title-lg {\n      font-size: clamp(34px, 10vw, 48px);\n    }\n\n    .bg-shelving-page .bg-title-md {\n      font-size: clamp(30px, 9vw, 42px);\n    }\n\n    .bg-shelving-page .bg-hero,\n    .bg-shelving-page .bg-hero-inner {\n      min-height: 740px;\n    }\n\n    .bg-shelving-page .bg-hero-inner {\n      padding: 28px 0 34px;\n    }\n\n    .bg-shelving-page .bg-hero-top span:last-child {\n      display: none;\n    }\n\n    .bg-shelving-page .bg-hero-copy {\n      width: 100%;\n      max-width: 100%;\n    }\n\n    .bg-shelving-page .bg-hero-title-desktop {\n      display: none;\n    }\n\n    .bg-shelving-page .bg-hero-title-mobile {\n      display: block;\n      color: #ffffff !important;\n      font-family: var(--bg-serif);\n      font-size: clamp(30px, 8.3vw, 39px);\n      font-weight: 400;\n      line-height: 1;\n      letter-spacing: -0.045em;\n      white-space: nowrap;\n    }\n\n    .bg-shelving-page .bg-hero-copy p {\n      max-width: 390px;\n      margin-top: 24px;\n      font-size: 15px;\n    }\n\n    .bg-shelving-page .bg-hero-actions,\n    .bg-shelving-page .bg-ledge-actions,\n    .bg-shelving-page .bg-concierge-actions {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .bg-shelving-page .bg-button {\n      width: 100%;\n    }\n\n    .bg-shelving-page .bg-hero-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .bg-shelving-page .bg-philosophy,\n    .bg-shelving-page .bg-size-overview,\n    .bg-shelving-page .bg-engineering {\n      padding: 94px 0;\n    }\n\n    .bg-shelving-page .bg-feature-strip,\n    .bg-shelving-page .bg-engineering-strip {\n      margin-top: 58px;\n    }\n\n    .bg-shelving-page .bg-feature,\n    .bg-shelving-page .bg-engineering-item {\n      padding: 21px 14px;\n    }\n\n    .bg-shelving-page .bg-feature strong,\n    .bg-shelving-page .bg-engineering-item strong {\n      font-size: 17px;\n    }\n\n    .bg-shelving-page .bg-ledge-image,\n    .bg-shelving-page .bg-material-image {\n      min-height: 430px;\n    }\n\n    .bg-shelving-page .bg-ledge-copy,\n    .bg-shelving-page .bg-material-copy {\n      padding: 76px 24px 82px;\n    }\n\n    .bg-shelving-page .bg-product-spec {\n      grid-template-columns: 1fr;\n      gap: 7px;\n    }\n\n    .bg-shelving-page .bg-principles,\n    .bg-shelving-page .bg-growth {\n      padding: 94px 0;\n    }\n\n    .bg-shelving-page .bg-principle {\n      padding: 38px 24px;\n    }\n\n    .bg-shelving-page .bg-size-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .bg-shelving-page .bg-size-card-image {\n      aspect-ratio: 4 \/ 4.8;\n    }\n\n    .bg-shelving-page .bg-blueprint-note {\n      display: block;\n      margin-bottom: 12px;\n      color: var(--bg-gold);\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 0.16em;\n      text-align: center;\n      text-transform: uppercase;\n    }\n\n    .bg-shelving-page .bg-blueprint-wrap {\n      width: calc(100vw - 16px);\n      padding: 8px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .bg-shelving-page .bg-blueprint-wrap img {\n      width: 1050px;\n      max-width: none;\n      height: auto;\n    }\n\n    .bg-shelving-page .bg-concierge {\n      min-height: 590px;\n    }\n\n    .bg-shelving-page .bg-shop-transition {\n      padding: 92px 24px;\n    }\n\n    .bg-shelving-page .bg-closing {\n      padding: 96px 24px;\n    }\n  }\n\n  @media screen and (max-width: 380px) {\n    .bg-shelving-page .bg-hero-title-mobile {\n      font-size: 29px;\n      letter-spacing: -0.05em;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bg-shelving-page\"\u003e\n\n  \u003c!-- COLLECTION HERO --\u003e\n\n  \u003csection class=\"bg-hero\"\u003e\n\n    \u003cdiv class=\"bg-hero-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/AFD96A38-7097-4D1F-A22D-0F2F683802AB.png?v=1783593214\" alt=\"Board and Grain architectural solid hardwood shelving collection\" loading=\"eager\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bg-shell bg-hero-inner\"\u003e\n\n      \u003cdiv class=\"bg-hero-top\"\u003e\n        \u003cspan class=\"bg-hero-brand\"\u003e\n          Board \u0026amp; Grain\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Shelving Collection\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bg-hero-copy\"\u003e\n\n        \u003cp class=\"bg-kicker\"\u003e\n          Shelving Collection\n        \u003c\/p\u003e\n\n        \u003ch1 class=\"bg-title-xl bg-hero-title-desktop\"\u003e\n          Architecture, displayed with purpose.\n        \u003c\/h1\u003e\n\n        \u003ch1 class=\"bg-hero-title-mobile\"\u003e\n          Architectural Shelving\n        \u003c\/h1\u003e\n\n        \u003cp\u003e\n          Solid hardwood shelving defined by proportion, material and concealed\n          structure. Designed for spaces where restraint creates the strongest\n          presence.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"bg-hero-actions\"\u003e\n\n          \u003ca class=\"bg-button bg-button-white\" href=\"\/products\/the-ledge-architectural-floating-shelf\"\u003e\n            Explore The Ledge\n          \u003c\/a\u003e\n\n          \u003ca class=\"bg-button bg-button-outline-white\" href=\"https:\/\/theboardandgrain.com\/pages\/board-and-grain-concierge\"\u003e\n            Work With the Concierge\n          \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bg-hero-bottom\"\u003e\n\n        \u003cdiv\u003e\n          \u003cdiv class=\"bg-scroll-line\"\u003e\u003c\/div\u003e\n          \u003cspan\u003eExplore the collection\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cspan\u003e\n          Solid hardwood · Concealed structure\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- COLLECTION PHILOSOPHY --\u003e\n\n  \u003csection class=\"bg-philosophy\"\u003e\n\n    \u003cdiv class=\"bg-shell\"\u003e\n\n      \u003cdiv class=\"bg-philosophy-grid\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cp class=\"bg-kicker\"\u003e\n            Our Approach\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"bg-title-lg\"\u003e\n            Structure Without Distraction\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-philosophy-copy\"\u003e\n\n          \u003cp\u003e\n            Board \u0026amp; Grain shelving is designed around a simple principle:\n            the structure should support the object without competing with it.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            Substantial hardwood profiles and concealed mounting systems allow\n            each shelf to read as a natural extension of the architecture,\n            rather than an accessory placed onto the wall.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bg-feature-strip\"\u003e\n\n        \u003cdiv class=\"bg-feature\"\u003e\n          \u003cspan class=\"bg-feature-number\"\u003e01\u003c\/span\u003e\n          \u003cstrong\u003eSolid Hardwood\u003c\/strong\u003e\n          \u003cspan\u003eSelected for grain, depth and natural character.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-feature\"\u003e\n          \u003cspan class=\"bg-feature-number\"\u003e02\u003c\/span\u003e\n          \u003cstrong\u003eConcealed Mounting\u003c\/strong\u003e\n          \u003cspan\u003eEngineered to keep the visual line uninterrupted.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-feature\"\u003e\n          \u003cspan class=\"bg-feature-number\"\u003e03\u003c\/span\u003e\n          \u003cstrong\u003eMade to Order\u003c\/strong\u003e\n          \u003cspan\u003eCrafted individually rather than mass produced.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-feature\"\u003e\n          \u003cspan class=\"bg-feature-number\"\u003e04\u003c\/span\u003e\n          \u003cstrong\u003eCustom Sizing\u003c\/strong\u003e\n          \u003cspan\u003eDesigned around rooms that require a specific proportion.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- THE LEDGE FEATURE --\u003e\n\n  \u003csection class=\"bg-ledge-feature\"\u003e\n\n    \u003cdiv class=\"bg-ledge-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/CC13316F-61B6-420E-A066-0C3FA1B5DF6E_110977be-4c32-49d6-beec-03c333ebfe1a.png?v=1783592767\" alt=\"The Ledge architectural solid hardwood floating shelf\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bg-ledge-copy\"\u003e\n\n      \u003cdiv class=\"bg-product-number\"\u003e\n        01\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"bg-title-lg\"\u003e\n        The Ledge\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"bg-product-subtitle\"\u003e\n        Architectural Floating Shelf\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        A substantial solid hardwood plane designed to project cleanly from\n        the wall without visible support. The Ledge is available in six\n        carefully considered lengths and custom configurations.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"bg-product-specs\"\u003e\n\n        \u003cdiv class=\"bg-product-spec\"\u003e\n          \u003cstrong\u003eProfile\u003c\/strong\u003e\n          \u003cspan\u003e2-inch architectural thickness\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-product-spec\"\u003e\n          \u003cstrong\u003eStandard Depth\u003c\/strong\u003e\n          \u003cspan\u003e8 inches\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-product-spec\"\u003e\n          \u003cstrong\u003eLengths\u003c\/strong\u003e\n          \u003cspan\u003eSix standard sizes from 24 to 60 inches\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-product-spec\"\u003e\n          \u003cstrong\u003eHardware\u003c\/strong\u003e\n          \u003cspan\u003eConcealed steel mounting system included\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bg-ledge-actions\"\u003e\n\n        \u003ca class=\"bg-button bg-button-dark\" href=\"\/products\/the-ledge-architectural-floating-shelf\"\u003e\n          Shop The Ledge\n        \u003c\/a\u003e\n\n        \u003ca class=\"bg-button bg-button-light\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n          View the Size Guide\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ARCHITECTURAL PRINCIPLES --\u003e\n\n  \u003csection class=\"bg-principles bg-dark-section\"\u003e\n\n    \u003cdiv class=\"bg-shell\"\u003e\n\n      \u003cdiv class=\"bg-principles-head\"\u003e\n\n        \u003cp class=\"bg-kicker\"\u003e\n          Architectural Principles\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"bg-title-lg\"\u003e\n          Designed around what remains unseen.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Proportion, material and hidden structure work together to create a\n          shelf that feels considered from every angle.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bg-principles-grid\"\u003e\n\n        \u003cdiv class=\"bg-principle\"\u003e\n\n          \u003cdiv class=\"bg-principle-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Proportion\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Every length is scaled to create an intentional relationship with\n            the wall, furniture and surrounding negative space.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-principle\"\u003e\n\n          \u003cdiv class=\"bg-principle-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Material\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Solid hardwood gives the shelf visual depth, tactile character and\n            the permanence of a true architectural object.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-principle\"\u003e\n\n          \u003cdiv class=\"bg-principle-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Structure\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Concealed steel hardware creates strength without interrupting the\n            clean horizontal line of the shelf.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- SIZE OVERVIEW --\u003e\n\n  \u003csection class=\"bg-size-overview\"\u003e\n\n    \u003cdiv class=\"bg-shell\"\u003e\n\n      \u003cdiv class=\"bg-size-head\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cp class=\"bg-kicker\"\u003e\n            The Standard Collection\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"bg-title-lg\"\u003e\n            Six lengths. One architectural language.\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cp\u003e\n          Each size carries the same substantial profile and concealed\n          structure. The distinction is the role it plays within the room.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bg-size-grid\"\u003e\n\n        \u003ca class=\"bg-size-card\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n\n          \u003cdiv class=\"bg-size-card-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/AEE475FC-78B2-4AA4-A37D-0E54F00C43BB.png?v=1783592595\" alt=\"The Niche 24 inch architectural floating shelf\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bg-size-card-copy\"\u003e\n            \u003ch3\u003eThe Niche\u003c\/h3\u003e\n            \u003cspan class=\"bg-size-dimension\"\u003e24″\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/a\u003e\n\n        \u003ca class=\"bg-size-card\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n\n          \u003cdiv class=\"bg-size-card-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/FB3C7BB4-65EB-4B6C-97EA-38D57B5AC335.png?v=1783592595\" alt=\"The Gallery 30 inch architectural floating shelf\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bg-size-card-copy\"\u003e\n            \u003ch3\u003eThe Gallery\u003c\/h3\u003e\n            \u003cspan class=\"bg-size-dimension\"\u003e30″\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/a\u003e\n\n        \u003ca class=\"bg-size-card\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n\n          \u003cdiv class=\"bg-size-card-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/64570940-08C5-4E7B-96EE-6DE2AB207D4D.png?v=1783592591\" alt=\"The Atrium 36 inch architectural floating shelf\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bg-size-card-copy\"\u003e\n            \u003ch3\u003eThe Atrium\u003c\/h3\u003e\n            \u003cspan class=\"bg-size-dimension\"\u003e36″\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/a\u003e\n\n        \u003ca class=\"bg-size-card\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n\n          \u003cdiv class=\"bg-size-card-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/8D9C6C8E-D0C9-4A3C-AB0B-BB3C3CE28D2F.png?v=1783592593\" alt=\"The Study 42 inch architectural floating shelf\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bg-size-card-copy\"\u003e\n            \u003ch3\u003eThe Study\u003c\/h3\u003e\n            \u003cspan class=\"bg-size-dimension\"\u003e42″\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/a\u003e\n\n        \u003ca class=\"bg-size-card\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n\n          \u003cdiv class=\"bg-size-card-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/CC13316F-61B6-420E-A066-0C3FA1B5DF6E_110977be-4c32-49d6-beec-03c333ebfe1a.png?v=1783592767\" alt=\"The Loft 48 inch architectural floating shelf\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bg-size-card-copy\"\u003e\n            \u003ch3\u003eThe Loft\u003c\/h3\u003e\n            \u003cspan class=\"bg-size-dimension\"\u003e48″\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/a\u003e\n\n        \u003ca class=\"bg-size-card\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n\n          \u003cdiv class=\"bg-size-card-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/B5B2399C-76CF-49D8-98F0-FDB1CF56BCA8.png?v=1783593158\" alt=\"The Pavilion 60 inch architectural floating shelf\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bg-size-card-copy\"\u003e\n            \u003ch3\u003eThe Pavilion\u003c\/h3\u003e\n            \u003cspan class=\"bg-size-dimension\"\u003e60″\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bg-size-cta\"\u003e\n\n        \u003ca class=\"bg-button bg-button-dark\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n          Explore the Size \u0026amp; Placement Guide\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- CONCEALED ENGINEERING --\u003e\n\n  \u003csection class=\"bg-engineering\"\u003e\n\n    \u003cdiv class=\"bg-shell\"\u003e\n\n      \u003cdiv class=\"bg-engineering-head\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cp class=\"bg-kicker\"\u003e\n            Concealed Engineering\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"bg-title-lg\"\u003e\n            Structure designed to disappear.\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cp\u003e\n          The steel mounting system becomes part of the shelf once installed,\n          leaving the hardwood itself as the only visible architectural element.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp class=\"bg-blueprint-note\"\u003e\n      Swipe horizontally to explore the mounting-system details\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"bg-blueprint-wrap\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/851AD187-2531-43E2-A2D9-0DE765DF4F56.png?v=1783948688\" alt=\"Architectural blueprint of The Ledge concealed steel mounting system\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bg-shell\"\u003e\n\n      \u003cdiv class=\"bg-engineering-strip\"\u003e\n\n        \u003cdiv class=\"bg-engineering-item\"\u003e\n          \u003cstrong\u003eSolid Steel\u003c\/strong\u003e\n          \u003cspan\u003eEngineered for a strong structural connection.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-engineering-item\"\u003e\n          \u003cstrong\u003ePowder Coated\u003c\/strong\u003e\n          \u003cspan\u003eA durable black finish protects the concealed hardware.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-engineering-item\"\u003e\n          \u003cstrong\u003eStud Installed\u003c\/strong\u003e\n          \u003cspan\u003eDesigned for attachment into structural wall framing.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-engineering-item\"\u003e\n          \u003cstrong\u003eHardware Included\u003c\/strong\u003e\n          \u003cspan\u003eThe concealed bracket is supplied with The Ledge.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MATERIAL STORY --\u003e\n\n  \u003csection class=\"bg-material\"\u003e\n\n    \u003cdiv class=\"bg-material-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/64570940-08C5-4E7B-96EE-6DE2AB207D4D.png?v=1783592591\" alt=\"Natural hardwood grain featured on The Ledge floating shelf\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bg-material-copy\"\u003e\n\n      \u003cp class=\"bg-kicker\"\u003e\n        Material\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"bg-title-lg\"\u003e\n        Material Defines the Object\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Each shelf is handcrafted from carefully selected solid hardwood.\n        Natural grain, tonal variation, sapwood and mineral character ensure\n        that no two pieces are identical.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        The collection is currently offered in American walnut, with future\n        species designed to join the same architectural system over time.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"bg-material-notes\"\u003e\n\n        \u003cdiv class=\"bg-material-note\"\u003e\n          \u003cdiv class=\"bg-material-note-number\"\u003e01\u003c\/div\u003e\n          \u003cspan\u003eSolid hardwood construction rather than veneer or hollow-core material.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-material-note\"\u003e\n          \u003cdiv class=\"bg-material-note-number\"\u003e02\u003c\/div\u003e\n          \u003cspan\u003eHand-finished to preserve the depth and movement of the natural grain.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-material-note\"\u003e\n          \u003cdiv class=\"bg-material-note-number\"\u003e03\u003c\/div\u003e\n          \u003cspan\u003eNatural variation is expected and makes every finished shelf unique.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- COLLECTION GROWTH --\u003e\n\n  \u003csection class=\"bg-growth bg-dark-section\"\u003e\n\n    \u003cdiv class=\"bg-shell\"\u003e\n\n      \u003cdiv class=\"bg-growth-inner\"\u003e\n\n        \u003cp class=\"bg-kicker\"\u003e\n          The Collection Is Growing\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"bg-title-lg\"\u003e\n          The Ledge is the first expression.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          The Board \u0026amp; Grain shelving collection will continue to evolve\n          through new hardwood species, proportions and architectural forms,\n          all connected by the same principles of material, restraint and\n          concealed structure.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- CUSTOM SHELVING CONCIERGE --\u003e\n\n  \u003csection class=\"bg-concierge\"\u003e\n\n    \u003cdiv class=\"bg-concierge-inner\"\u003e\n\n      \u003cp class=\"bg-kicker\"\u003e\n        The Board \u0026amp; Grain Concierge\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"bg-title-lg\"\u003e\n        Built Around the Space\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        For wall-spanning installations, custom depths, unusual dimensions or\n        coordinated shelving arrangements, the Board \u0026amp; Grain Concierge can\n        help develop a solution around the architecture of your room.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"bg-concierge-actions\"\u003e\n\n        \u003ca class=\"bg-button bg-button-white\" href=\"https:\/\/theboardandgrain.com\/pages\/board-and-grain-concierge\"\u003e\n          Start a Custom Inquiry\n        \u003c\/a\u003e\n\n        \u003ca class=\"bg-button bg-button-outline-white\" href=\"\/products\/the-ledge-architectural-floating-shelf\"\u003e\n          Explore The Ledge\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- TRANSITION TO SHOPIFY'S NATIVE COLLECTION GRID --\u003e\n\n  \u003csection class=\"bg-shop-transition\"\u003e\n\n    \u003cdiv class=\"bg-shop-transition-inner\"\u003e\n\n      \u003cp class=\"bg-kicker\"\u003e\n        Explore the Collection\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"bg-title-lg\"\u003e\n        Architectural Shelving\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Discover the current Board \u0026amp; Grain shelving collection below.\n        Additional designs, proportions and hardwood options will be introduced\n        as the collection evolves.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- CLOSING STATEMENT --\u003e\n\n  \u003csection class=\"bg-closing\"\u003e\n\n    \u003cdiv class=\"bg-closing-inner\"\u003e\n\n      \u003cp class=\"bg-kicker\"\u003e\n        Board \u0026amp; Grain Shelving\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"bg-title-lg\"\u003e\n        Designed to belong. Built to remain.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Shelving should not feel added after the room is complete. It should\n        feel as though the architecture always intended it to be there.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","products":[{"product_id":"the-ledge-architectural-floating-shelf","title":"The Ledge — Architectural Floating Shelf","description":"\u003cstyle\u003e\n  .ledge-description {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    color: #171513;\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    line-height: 1.8;\n  }\n\n  .ledge-description,\n  .ledge-description * {\n    box-sizing: border-box;\n  }\n\n  .ledge-description img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .ledge-description p {\n    margin: 0;\n    color: #5d5750;\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n  .ledge-description p + p {\n    margin-top: 22px;\n  }\n\n  .ledge-description h2,\n  .ledge-description h3 {\n    margin: 0;\n    color: #171513;\n    font-family: \"Libre Baskerville\", Georgia, serif;\n    font-weight: 400;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .ledge-description .ledge-kicker {\n    margin: 0;\n    color: #9b7b51;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n  }\n\n  .ledge-description .ledge-main-title {\n    margin-top: 18px;\n    font-size: clamp(44px, 6vw, 70px);\n    line-height: 1.04;\n    letter-spacing: -0.04em;\n  }\n\n  .ledge-description .ledge-editorial-heading {\n    margin: 18px 0 28px;\n    font-size: clamp(32px, 3.2vw, 42px);\n    line-height: 1.12;\n    letter-spacing: -0.035em;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  \/* INTRODUCTION *\/\n\n  .ledge-description .ledge-intro {\n    padding: 30px 0 72px;\n    text-align: center;\n  }\n\n  .ledge-description .ledge-intro-copy {\n    max-width: 780px;\n    margin: 26px auto 0;\n    font-size: 20px;\n    line-height: 1.9;\n  }\n\n  \/* MAIN PRODUCT IMAGE *\/\n\n  .ledge-description .ledge-full-image {\n    margin-bottom: 90px;\n  }\n\n  \/* CONTENT WIDTH *\/\n\n  .ledge-description .ledge-narrow-section {\n    max-width: 780px;\n    margin: 0 auto;\n  }\n\n  .ledge-description .ledge-spacer {\n    height: 110px;\n  }\n\n  \/* TWO-COLUMN SECTIONS *\/\n\n  .ledge-description .ledge-two-column {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    gap: clamp(56px, 8vw, 100px);\n    align-items: start;\n  }\n\n  \/* ENGINEERING INTRO *\/\n\n  .ledge-description .ledge-engineering-intro {\n    max-width: 820px;\n    margin: 0 auto 54px;\n    text-align: left;\n  }\n\n  .ledge-description .ledge-engineering-intro p {\n    max-width: 760px;\n  }\n\n  \/* LARGE BLUEPRINT SECTION *\/\n\n  .ledge-description .ledge-blueprint-section {\n    position: relative;\n    width: min(1700px, calc(100vw - 32px));\n    margin-left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .ledge-description .ledge-blueprint-frame {\n    width: 100%;\n    padding: 12px;\n    overflow: hidden;\n    background: #f4f0e9;\n    border: 1px solid rgba(23, 21, 19, 0.12);\n  }\n\n  .ledge-description .ledge-blueprint-image {\n    width: 100%;\n    height: auto;\n    margin: 0;\n  }\n\n  .ledge-description .ledge-blueprint-instruction {\n    display: none;\n    margin: 0 0 12px;\n    color: #9b7b51;\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  \/* ENGINEERING SPECIFICATIONS *\/\n\n  .ledge-description .ledge-engineering-details {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    gap: clamp(56px, 8vw, 100px);\n    align-items: start;\n    margin-top: 72px;\n  }\n\n  .ledge-description .ledge-engineering-summary {\n    max-width: 530px;\n  }\n\n  .ledge-description .ledge-engineering-summary p + p {\n    margin-top: 22px;\n  }\n\n  .ledge-description .ledge-specifications {\n    padding-top: 26px;\n    border-top: 1px solid #d7d0c7;\n  }\n\n  .ledge-description .ledge-specifications-title {\n    margin: 0 0 26px;\n    color: #171513;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .ledge-description .ledge-specification {\n    padding: 17px 0;\n    border-bottom: 1px solid #e1dbd3;\n  }\n\n  .ledge-description .ledge-specification:first-of-type {\n    padding-top: 0;\n  }\n\n  .ledge-description .ledge-specification strong {\n    display: block;\n    margin-bottom: 4px;\n    color: #171513;\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  .ledge-description .ledge-specification span {\n    color: #5d5750;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  \/* COLLECTION *\/\n\n  .ledge-description .ledge-collection {\n    padding: 76px 60px;\n    background: #f6f2ec;\n    text-align: center;\n  }\n\n  .ledge-description .ledge-size-list {\n    margin-top: 26px;\n    color: #171513;\n    font-family: \"Libre Baskerville\", Georgia, serif;\n    font-size: 19px;\n    line-height: 2.1;\n  }\n\n  .ledge-description .ledge-collection-copy {\n    max-width: 680px;\n    margin: 34px auto 0;\n  }\n\n  \/* BUTTONS *\/\n\n  .ledge-description .ledge-actions {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin-top: 38px;\n  }\n\n  .ledge-description .ledge-button {\n    min-height: 54px;\n    padding: 0 30px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid #171513;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: 0.17em;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition:\n      transform 0.25s ease,\n      background 0.25s ease,\n      color 0.25s ease;\n  }\n\n  .ledge-description .ledge-button-primary {\n    color: #ffffff !important;\n    background: #171513;\n  }\n\n  .ledge-description .ledge-button-secondary {\n    color: #171513 !important;\n    background: transparent;\n  }\n\n  .ledge-description .ledge-button:hover {\n    transform: translateY(-2px);\n  }\n\n  .ledge-description .ledge-button-primary:hover {\n    color: #ffffff !important;\n    background: #332f2a;\n  }\n\n  .ledge-description .ledge-button-secondary:hover {\n    color: #ffffff !important;\n    background: #171513;\n  }\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 900px) {\n    .ledge-description .ledge-engineering-details {\n      grid-template-columns: 1fr;\n      gap: 58px;\n    }\n\n    .ledge-description .ledge-engineering-summary {\n      max-width: 720px;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 749px) {\n    .ledge-description {\n      padding: 0 20px;\n    }\n\n    .ledge-description .ledge-intro {\n      padding: 16px 0 54px;\n    }\n\n    .ledge-description .ledge-main-title {\n      font-size: clamp(42px, 13vw, 58px);\n    }\n\n    .ledge-description .ledge-intro-copy {\n      margin-top: 22px;\n      font-size: 17px;\n      line-height: 1.8;\n    }\n\n    .ledge-description .ledge-full-image {\n      margin-bottom: 66px;\n    }\n\n    .ledge-description .ledge-spacer {\n      height: 72px;\n    }\n\n    .ledge-description .ledge-two-column,\n    .ledge-description .ledge-engineering-details {\n      display: block;\n    }\n\n    .ledge-description .ledge-two-column \u003e div,\n    .ledge-description .ledge-engineering-details \u003e div {\n      width: 100%;\n      max-width: 100%;\n    }\n\n    .ledge-description .ledge-two-column \u003e div + div,\n    .ledge-description .ledge-engineering-details \u003e div + div {\n      margin-top: 64px;\n    }\n\n    .ledge-description .ledge-editorial-heading {\n      margin: 16px 0 24px;\n      font-size: clamp(28px, 8.2vw, 38px);\n      line-height: 1.08;\n      letter-spacing: -0.035em;\n      overflow-wrap: normal;\n      word-break: normal;\n      hyphens: none;\n    }\n\n    .ledge-description .ledge-engineering-intro {\n      margin-bottom: 38px;\n    }\n\n    \/*\n      On mobile the blueprint remains large instead of shrinking.\n      Customers can swipe horizontally to read every detail.\n    *\/\n\n    .ledge-description .ledge-blueprint-section {\n      width: calc(100vw - 16px);\n    }\n\n    .ledge-description .ledge-blueprint-instruction {\n      display: block;\n    }\n\n    .ledge-description .ledge-blueprint-frame {\n      padding: 8px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      -webkit-overflow-scrolling: touch;\n      scroll-behavior: smooth;\n    }\n\n    .ledge-description .ledge-blueprint-image {\n      width: 1180px;\n      max-width: none;\n      height: auto;\n    }\n\n    .ledge-description .ledge-engineering-details {\n      margin-top: 58px;\n    }\n\n    .ledge-description .ledge-specifications {\n      margin-top: 0;\n    }\n\n    .ledge-description .ledge-collection {\n      padding: 60px 24px;\n    }\n\n    .ledge-description .ledge-size-list {\n      font-size: 17px;\n    }\n\n    .ledge-description .ledge-actions {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .ledge-description .ledge-button {\n      width: 100%;\n      min-height: 56px;\n    }\n  }\n\n  @media screen and (max-width: 380px) {\n    .ledge-description .ledge-editorial-heading {\n      font-size: 27px;\n      letter-spacing: -0.04em;\n    }\n\n    .ledge-description .ledge-blueprint-image {\n      width: 1100px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ledge-description\"\u003e\n\n  \u003c!-- INTRODUCTION --\u003e\n\n  \u003csection class=\"ledge-intro\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      Board \u0026amp; Grain\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"ledge-main-title\"\u003e\n      The Ledge\n    \u003c\/h2\u003e\n\n    \u003cp class=\"ledge-intro-copy\"\u003e\n      An architectural floating shelf handcrafted from solid hardwood,\n      designed to become part of the room rather than simply hang on the wall.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MAIN PRODUCT IMAGE --\u003e\n\n  \u003cimg class=\"ledge-full-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/AFD96A38-7097-4D1F-A22D-0F2F683802AB.png?v=1783593214\" alt=\"The Ledge architectural solid hardwood floating shelf by Board and Grain\" loading=\"lazy\"\u003e\n\n  \u003c!-- PHILOSOPHY --\u003e\n\n  \u003csection class=\"ledge-narrow-section\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      The Philosophy\n    \u003c\/p\u003e\n\n    \u003ch3 class=\"ledge-editorial-heading\"\u003e\n      Presence Without Excess\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      The strongest interiors are rarely defined by what is added. They are\n      defined by proportion, restraint, and the confidence to allow exceptional\n      materials to speak for themselves.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      The Ledge was designed around this philosophy. A substantial two-inch\n      profile creates a bold architectural line, while concealed hardware\n      allows the shelf itself to remain the only visible element. The result\n      feels less like furniture and more like an intentional extension of the\n      home.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"ledge-spacer\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ENGINEERING INTRODUCTION --\u003e\n\n  \u003csection class=\"ledge-engineering-intro\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      Engineering\n    \u003c\/p\u003e\n\n    \u003ch3 class=\"ledge-editorial-heading\"\u003e\n      Concealed by Design.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Every Ledge is supported by a precision-engineered concealed steel\n      mounting system designed to disappear once installed. Rather than relying\n      on exposed brackets or visible supports, the hardware becomes part of the\n      structure itself.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- LARGE ARCHITECTURAL BLUEPRINT --\u003e\n\n  \u003csection class=\"ledge-blueprint-section\"\u003e\n\n    \u003cp class=\"ledge-blueprint-instruction\"\u003e\n      Swipe horizontally to explore the mounting-system details\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ledge-blueprint-frame\"\u003e\n\n      \u003cimg class=\"ledge-blueprint-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/851AD187-2531-43E2-A2D9-0DE765DF4F56.png?v=1783948688\" alt=\"Architectural blueprint detailing The Ledge concealed steel mounting system\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ENGINEERING DETAILS --\u003e\n\n  \u003csection class=\"ledge-engineering-details\"\u003e\n\n    \u003cdiv class=\"ledge-engineering-summary\"\u003e\n\n      \u003cp class=\"ledge-kicker\"\u003e\n        Hidden Structure\n      \u003c\/p\u003e\n\n      \u003ch3 class=\"ledge-editorial-heading\"\u003e\n        Strength Without Visual Weight.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Once installed, the bracket is completely concealed within the shelf.\n        This allows The Ledge to appear effortlessly suspended while maintaining\n        a strong connection to the wall structure.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        The mounting system creates the uninterrupted horizontal line that\n        defines The Ledge while providing the strength and stability required\n        for everyday use.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ledge-specifications\"\u003e\n\n      \u003cp class=\"ledge-specifications-title\"\u003e\n        Specifications\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eMaterial\u003c\/strong\u003e\n        \u003cspan\u003eSolid steel\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eFinish\u003c\/strong\u003e\n        \u003cspan\u003eBlack powder coat\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eShelf Profile\u003c\/strong\u003e\n        \u003cspan\u003e2 inches\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eStandard Depth\u003c\/strong\u003e\n        \u003cspan\u003e8 inches\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eInstallation\u003c\/strong\u003e\n        \u003cspan\u003eStructural stud mounting recommended\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eIncluded\u003c\/strong\u003e\n        \u003cspan\u003eConcealed steel mounting hardware\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"ledge-spacer\"\u003e\u003c\/div\u003e\n\n  \u003c!-- MATERIAL AND MADE TO ORDER --\u003e\n\n  \u003csection class=\"ledge-two-column\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cp class=\"ledge-kicker\"\u003e\n        Material\n      \u003c\/p\u003e\n\n      \u003ch3 class=\"ledge-editorial-heading\"\u003e\n        Solid Hardwood. Natural Character.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Each shelf is handcrafted from carefully selected solid hardwood and\n        finished by hand to highlight the depth, movement, and natural character\n        of the grain.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Because every board is unique, variations in color, grain pattern,\n        mineral streaking, and sapwood are expected. These natural distinctions\n        are not imperfections, but characteristics that ensure every Ledge is\n        one of a kind.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cp class=\"ledge-kicker\"\u003e\n        Made to Order\n      \u003c\/p\u003e\n\n      \u003ch3 class=\"ledge-editorial-heading\"\u003e\n        Built For Your Space.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        The Ledge is available in six carefully considered standard lengths,\n        each selected to complement a different scale of interior. Whether\n        creating a quiet architectural accent or spanning an expansive feature\n        wall, every size was chosen with proportion in mind.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Need something beyond the standard collection? Custom lengths, depths,\n        and wood species are available through the Board \u0026amp; Grain Concierge.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"ledge-spacer\"\u003e\u003c\/div\u003e\n\n  \u003c!-- COLLECTION AND LINKS --\u003e\n\n  \u003csection class=\"ledge-collection\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      The Collection\n    \u003c\/p\u003e\n\n    \u003ch3 class=\"ledge-editorial-heading\"\u003e\n      Available Sizes\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"ledge-size-list\"\u003e\n      The Niche · 24\"\u003cbr\u003e\n      The Gallery · 30\"\u003cbr\u003e\n      The Atrium · 36\"\u003cbr\u003e\n      The Study · 42\"\u003cbr\u003e\n      The Loft · 48\"\u003cbr\u003e\n      The Pavilion · 60\"\n    \u003c\/div\u003e\n\n    \u003cp class=\"ledge-collection-copy\"\u003e\n      Not sure which size is right for your space? Explore the complete\n      Size \u0026amp; Placement Guide or work directly with the Board \u0026amp; Grain\n      Concierge for personalized recommendations, custom dimensions, and\n      wood-species guidance.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ledge-actions\"\u003e\n\n      \u003ca class=\"ledge-button ledge-button-primary\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n        Explore the Size Guide\n      \u003c\/a\u003e\n\n      \u003ca class=\"ledge-button ledge-button-secondary\" href=\"https:\/\/theboardandgrain.com\/pages\/board-and-grain-concierge\"\u003e\n        Contact the Concierge\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Board \u0026 Grain","offers":[{"title":"The Niche — 24 × 8 × 2 in \/ Walnut","offer_id":48163213213917,"sku":"LEDGE-WAL-24X8X2","price":325.0,"currency_code":"USD","in_stock":true},{"title":"The Gallery — 30 × 8 × 2 in \/ Walnut","offer_id":48163213246685,"sku":"LEDGE-WAL-30X8X2","price":385.0,"currency_code":"USD","in_stock":true},{"title":"The Atrium — 36 × 8 × 2 in \/ Walnut","offer_id":48163213279453,"sku":"LEDGE-WAL-36X8X2","price":455.0,"currency_code":"USD","in_stock":true},{"title":"The Study — 42 × 8 × 2 in \/ Walnut","offer_id":48163213312221,"sku":"LEDGE-WAL-42X8X2","price":535.0,"currency_code":"USD","in_stock":true},{"title":"The Loft — 48 × 8 × 2 in \/ Walnut","offer_id":48163213344989,"sku":"LEDGE-WAL-48X8X2","price":625.0,"currency_code":"USD","in_stock":true},{"title":"The Pavilion — 60 × 8 × 2 in \/ Walnut","offer_id":48163213377757,"sku":"LEDGE-WAL-60X8X2","price":845.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/5B432C1F-7443-4EDA-B892-F1AC3CB9B068.png?v=1784024490"}],"url":"https:\/\/theboardandgrain.com\/collections\/shelving-collection.oembed","provider":"Board \u0026 Grain ","version":"1.0","type":"link"}