/* Visitor viewport review: preserve information while making the next task visible sooner. */
.syrb.syrb-v4 .syrb-home-eight .syrb-material-mosaic { align-items:stretch; }
.syrb.syrb-v4 .syrb-home-eight .syrb-material-tile { display:grid; grid-template-rows:auto 1fr; }
.syrb.syrb-v4 .syrb-home-eight .syrb-tile-caption { align-content:start; }
.syrb.syrb-v4 .syrb-flooring-opening {
 display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 grid-template-areas:'copy office' 'choices choices'; gap:28px 40px;
 align-items:center; padding-top:20px;
}
.syrb.syrb-v4 .syrb-product-hero.syrb-flooring-intro-copy { grid-area:copy; display:block; min-width:0; padding:0; }
.syrb.syrb-v4 .syrb-flooring-opening > .syrb-flooring-options { grid-area:choices; width:100%; margin:0; }
.syrb.syrb-v4 .syrb-flooring-opening > .syrb-flooring-showroom { grid-area:office; margin:0; }
.syrb.syrb-v4 .syrb-flooring-intro-copy .syrb-intro { margin-top:20px; }

@media (min-width:681px) and (max-width:1000px) {
 .syrb.syrb-v4 .syrb-home-eight .syrb-material-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 24px; }
 .syrb.syrb-v4 .syrb-home-eight .syrb-material-tile { grid-template-columns:108px minmax(0,1fr); grid-template-rows:1fr; gap:14px; }
 .syrb.syrb-v4 .syrb-home-eight .syrb-material-tile .syrb-photo { aspect-ratio:auto; height:100%; min-height:160px; }
}
@media (min-width:761px) and (max-width:1100px) {
 .syrb.syrb-v4 .syrb-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-block:28px; }
 .syrb.syrb-v4 .syrb-footer-brand { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; padding-bottom:20px; border-bottom:1px solid #45675b; }
 .syrb.syrb-v4 .syrb-footer-brand > a:first-child { flex:0 0 165px; }
 .syrb.syrb-v4 .syrb-footer-brand .syrb-logo { width:165px; }
 .syrb.syrb-v4 .syrb-footer-brand p { flex:1; margin:0; }
 .syrb.syrb-v4 .syrb-footer-brand > .syrb-text-link { margin:0; }
 .syrb.syrb-v4 .syrb-footer-grid > nav,.syrb.syrb-v4 .syrb-footer-contact { min-width:0; }
 .syrb.syrb-v4 .syrb-footer-contact > a { overflow-wrap:anywhere; }
 .syrb.syrb-v4 .syrb-directory-more { width:100%; min-height:48px; justify-content:center; margin-top:24px; }
}
@media (min-width:761px) and (max-width:900px) {
 .syrb.syrb-v4 .syrb-content-heading.syrb-about-intro { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:24px; }
 .syrb.syrb-v4 .syrb-story-block { grid-template-columns:1fr; gap:12px; }
 .syrb.syrb-v4 .syrb-story-block h2 { max-width:none; grid-column:1/-1; }
 .syrb.syrb-v4 .syrb-story-block.syrb-story-illustrated { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 24px; }
 .syrb.syrb-v4 .syrb-story-images img { max-height:280px; }
 .syrb.syrb-v4 .syrb-faq { grid-template-columns:1fr; gap:16px; }
 .syrb.syrb-v4 .syrb-faq h2 { max-width:none; }
}
@media (max-width:900px) {
 .syrb.syrb-v4 .syrb-flooring-opening { grid-template-columns:minmax(0,1fr); grid-template-areas:'copy' 'choices' 'office'; gap:20px; padding-top:10px; }
 .syrb.syrb-v4 .syrb-flooring-opening > .syrb-flooring-showroom { border-top:1px solid #c4c9bb; padding-block:20px; }
 .syrb.syrb-v4 .syrb-flooring-opening > .syrb-flooring-options { padding-bottom:0; }
}
@media (max-width:760px) {
 /* The H1 already names the current page; keep Home and any parent category. */
 .syrb.syrb-v4 main .syrb-breadcrumb > span:nth-last-child(-n+2) { display:none; }
 .syrb.syrb-v4 .syrb-flooring-opening { gap:18px; }
 .syrb.syrb-v4 .syrb-flooring-intro-copy .syrb-intro { margin-top:14px; }
 .syrb.syrb-v4 .syrb-directory-filters { display:flex; flex-wrap:nowrap; gap:6px; min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin; padding:3px 2px 8px; }
 .syrb.syrb-v4 .syrb-directory-filters button { flex:0 0 auto; white-space:nowrap; scroll-snap-align:start; }
 .syrb.syrb-v4 .syrb-quote-page .syrb-quote-paths { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:16px; }
 .syrb.syrb-v4 .syrb-quote-page .syrb-quote-paths a { width:auto; flex:0 1 auto; gap:10px; min-height:44px; font-size:14px; }
 .syrb.syrb-v4 .syrb-quote-section-head { flex-wrap:nowrap; align-items:center; gap:12px; }
 .syrb.syrb-v4 .syrb-quote-section-head h2 { min-width:0; font-size:27px; margin:0; }
 .syrb.syrb-v4 .syrb-quote-section-head #clear-project { flex-shrink:0; }
 .syrb.syrb-v4 .syrb-empty { padding:18px; margin:16px 0; }
 .syrb.syrb-v4 .syrb-empty h3 { font-size:24px; }
 .syrb.syrb-v4 .syrb-empty p { font-size:16px; line-height:1.5; margin-top:8px; }
 .syrb.syrb-v4 #project-status:empty { display:none; }
 .syrb.syrb-v4 #project-lines:has(.syrb-empty) { display:flex; flex-direction:column; align-items:stretch; }
 .syrb.syrb-v4 #project-lines:has(.syrb-empty) > .syrb-quote-section-head { order:0; }
 .syrb.syrb-v4 #project-lines:has(.syrb-empty) > .syrb-help { order:1; }
 .syrb.syrb-v4 #project-lines:has(.syrb-empty) > #add-project-line { order:2; align-self:flex-start; }
 .syrb.syrb-v4 #project-lines:has(.syrb-empty) > #project-items { order:3; }
 .syrb.syrb-v4 #project-lines:has(.syrb-empty) > #project-status { order:4; }
 .syrb.syrb-v4 .syrb-quote-section:has(.syrb-empty) #add-project-line { background:var(--forest); color:var(--ivory); }
}
@media (min-width:360px) and (max-width:760px) {
 .syrb.syrb-v4 .syrb-product-hero .syrb-actions,
 .syrb.syrb-v4 .syrb-species-introduction .syrb-actions,
 .syrb.syrb-v4 .syrb-flooring-intro-copy .syrb-actions { display:flex; flex-direction:row; flex-wrap:wrap; gap:10px 8px; align-items:center; }
 .syrb.syrb-v4 .syrb-product-hero .syrb-actions > .syrb-button,
 .syrb.syrb-v4 .syrb-species-introduction .syrb-actions > .syrb-button,
 .syrb.syrb-v4 .syrb-flooring-intro-copy .syrb-actions > .syrb-button { width:auto; min-height:48px; padding-inline:10px; font-size:15px; gap:10px; }
 .syrb.syrb-v4 .syrb-product-hero .syrb-actions > .syrb-text-link,
 .syrb.syrb-v4 .syrb-species-introduction .syrb-actions > .syrb-text-link,
 .syrb.syrb-v4 .syrb-flooring-intro-copy .syrb-actions > .syrb-text-link { width:auto; min-height:48px; padding-inline:0; font-size:15px; gap:8px; }
 .syrb.syrb-v4 .syrb-contact-information { align-items:start; }
 .syrb.syrb-v4 .syrb-contact-information > div:nth-child(2):not(.syrb-contact-directions) { padding-top:0; }
}

/* Keep headlines in the opening news view; full photographs remain in each article. */
@media (min-width:761px) {
 .syrb.syrb-v4.syrb-page-news .syrb-content-heading { padding-bottom:12px; }
 .syrb.syrb-v4.syrb-page-news .syrb-content-heading + .syrb-section { padding-top:16px; }
 .syrb.syrb-v4.syrb-page-news .syrb-directory-tools { margin-bottom:24px; padding-bottom:18px; }
 .syrb.syrb-v4.syrb-page-news .syrb-directory-news .syrb-directory-image { height:clamp(180px,20vw,220px); aspect-ratio:auto; }
}
@media (max-width:1000px) {
 .syrb.syrb-v4 .syrb-flooring-options article { display:flex; flex-direction:column; align-items:stretch; }
 .syrb.syrb-v4 .syrb-flooring-options article > div { display:flex; flex-direction:column; flex:1; }
 .syrb.syrb-v4 .syrb-flooring-options button { margin-top:auto; padding-top:16px; }
}