/* A33: one production-matched 67.5px quote row on every card, with 10px vertical spacing. */
#a2-root .a2-gallery .a2-card .a14-card-b2b{
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed #dcd9cf;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:10px;
  min-height:0;
}
#a2-root .a2-gallery .a2-card .a14-card-scope{
  display:block;
  width:100%;
  min-height:0;
  line-height:1.65;
  overflow-wrap:break-word;
}
#a2-root .a2-gallery .a2-card .a14-card-quote{
  display:inline-flex;
  align-self:flex-start;
  flex:0 0 auto;
  white-space:nowrap;
  margin:0;
}
#a2-root #a2-gallery-pager {display:block;padding-bottom:64px;position:relative;top:-28px;}
#a2-root #a2-gallery-pager .a2-pagination {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:14px auto 0;gap:10px;}
#a2-root #a2-gallery-pager .a2-pagination button {appearance:none;min-width:42px;min-height:42px;padding:0 14px;border:1px solid #bbb19e;border-radius:2px;background:transparent;color:#303934;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.015em;cursor:pointer;transition:background .2s,border-color .2s,color .2s;}
#a2-root #a2-gallery-pager .a2-pagination button:hover:not(:disabled){background:#f0e8d8;border-color:#aa9670;}
#a2-root #a2-gallery-pager .a2-pagination button[aria-current="page"]{background:#242e28;border-color:#242e28;color:#fff;}
#a2-root #a2-gallery-pager .a2-pagination button:disabled{opacity:.38;cursor:not-allowed;}
#a2-root #a2-gallery-pager .a2-pagination button:focus-visible{outline:2px solid #ae8e52;outline-offset:3px;}
@media (max-width:767px){
  #a2-root #a2-gallery-pager{padding-bottom:50px;top:-26px;}
  #a2-root #a2-gallery-pager .a2-pagination{margin-top:13px;gap:7px;}
}


/* A31 imported cases: a single original furniture photo must not leave a vacant second column. */
#a2-root .a5-reviewed-details.a31-single-detail{grid-template-columns:minmax(0,1fr);}
#a2-root .a5-reviewed-details.a31-single-detail>.a5-detail-tile{width:100%;max-width:none;}
#a2-root .a5-reviewed-details.a31-single-detail .a5-detail-tile img{width:100%;height:auto;max-height:460px;aspect-ratio:auto;object-fit:contain;background:#eeece6;}


/* A32 visual rendering: preserve aspect ratio and sharp furniture detail, scoped to the new 14 cases. */
#a2-root .a2-space-cover img[src*="/a32-full/"]{image-rendering:auto;object-fit:cover;object-position:center center;}
#a2-root .a5-reviewed-details img[src*="/a32-details/"],
#a2-root .a5-reviewed-details img[src*="/a32-design/"]{image-rendering:auto;max-width:100%;object-position:center center;}
@media(max-width:540px){
  #a2-root .a2-space-cover img[src*="/a32-full/"]{object-position:50% 45%;}
  #a2-root .a5-reviewed-details.a31-single-detail img[src*="/a32-details/"]{max-height:380px;object-fit:contain;}
}
@media(prefers-reduced-motion:reduce){
  #a2-root .a2-space-cover img[src*="/a32-full/"]{transition:none;}
}


/* Narrow-screen usability: no header overlap, 40px+ controls, hero title inside its photo. */
@media(max-width:420px){
  #a2-space[data-a32-new-case="yes"] .a2-spacebar{padding:5px 9px;min-height:54px;gap:6px;}
  #a2-space[data-a32-new-case="yes"] .a2-spacebar-left{flex:1 1 0;min-width:0;max-width:none;overflow:hidden;}
  #a2-space[data-a32-new-case="yes"] .a2-spacebar-left small{display:block;min-width:0;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #a2-space[data-a32-new-case="yes"] .a4-project-nav{flex:0 0 auto;}
   #a2-root #a2-space[data-a32-new-case="yes"] .a4-project-nav button{flex:0 0 40px;min-width:40px;max-width:none;width:40px;height:42px;}
   #a2-root #a2-space[data-a32-new-case="yes"] [data-close-space]{flex:0 0 42px;min-width:42px;max-width:none;width:42px;height:42px;}
}
@media(max-width:380px){
  #a2-space[data-a32-new-case="yes"] .a2-space-cover{height:430px;min-height:430px;}
  #a2-space[data-a32-new-case="yes"] .a2-space-title{bottom:22px;}
}


/* A34 imported projects only: let the hero grow to fit long project titles on narrow screens.
   First 12 original case modals continue using the online site breakpoints unchanged. */
@media(max-width:420px){
  #a2-root #a2-space[data-a32-new-case="yes"] .a2-space-cover{
    display:flex;
    align-items:flex-end;
    height:auto;
    min-height:345px;
    padding:34px 0 22px;
  }
  #a2-root #a2-space[data-a32-new-case="yes"] .a2-space-title{
    position:relative;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    width:calc(100% - 46px);
    margin:0 auto;
    transform:none;
  }
}
@media(max-width:380px){
  #a2-root #a2-space[data-a32-new-case="yes"] .a2-space-cover{
    min-height:430px;
  }
}