/* v0.9 — content-led inner pages. Home and the main timber directory keep their layouts. */
.syrb.syrb-v4 main { --inner-line:#cbd2c6; --inner-paper:#eeeadf; }
.syrb.syrb-v4 main .syrb-wrap { width:min(1680px,calc(100% - clamp(32px,6vw,120px))); }
.syrb.syrb-v4 main :where(h1,h2,h3) { text-wrap:pretty; }
.syrb.syrb-v4 main h1 { font-size:clamp(36px,3.6vw,58px); line-height:1.09; }
.syrb.syrb-v4 main h2 { font-size:clamp(27px,2.3vw,36px); }
.syrb.syrb-v4 main p { line-height:1.6; }
.syrb.syrb-v4 main .syrb-section { padding-block:36px; }
.syrb.syrb-v4 main .syrb-breadcrumb { padding-block:20px 16px; }
.syrb.syrb-v4 main .syrb-eyebrow { margin-bottom:12px; }
.syrb.syrb-v4 main .syrb-intro { margin-top:18px; font-size:19px; line-height:1.6; max-width:64ch; }
.syrb.syrb-v4 main .syrb-actions { margin-top:24px; gap:12px 24px; }
.syrb.syrb-v4 main .syrb-small-note { margin-top:16px; max-width:none; }
.syrb.syrb-v4 main .syrb-section-heading { gap:24px; margin-bottom:24px; }

/* The sample is a material reference, not an enlarged banner photograph. */
.syrb.syrb-v4 .syrb-species-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(28px,4vw,64px); padding-block:16px 36px; align-items:start; }
.syrb.syrb-v4 .syrb-species-description { display:grid; grid-template-columns:minmax(0,1fr) 140px; align-items:start; gap:24px; margin-top:22px; }
.syrb.syrb-v4 .syrb-species-description .syrb-intro { margin:0; }
.syrb.syrb-v4 .syrb-species-description p + p { margin-top:16px; }
.syrb.syrb-v4 .syrb-species-sample { margin:0; width:140px; overflow:hidden; }
.syrb.syrb-v4 .syrb-species-sample img { width:140px; height:240px; aspect-ratio:auto; object-fit:cover; }
.syrb.syrb-v4 .syrb-species-sample figcaption { font-size:13px; line-height:1.45; margin-top:10px; padding:0; }
.syrb.syrb-v4 .syrb-species-facts { padding:24px 28px; background:var(--inner-paper); border-top:2px solid var(--brass); }
.syrb.syrb-v4 .syrb-species-facts h2 { font-size:29px; margin:0 0 18px; }
.syrb.syrb-v4 .syrb-specifications { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
.syrb.syrb-v4 .syrb-specifications > div { display:block; padding:13px 0; background:transparent; border-bottom:1px solid #ccd0c3; border-top:0; }
.syrb.syrb-v4 .syrb-specifications dt { font-size:13px; color:var(--muted); line-height:1.45; margin-bottom:5px; }
.syrb.syrb-v4 .syrb-specifications dd { margin:0; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.syrb.syrb-v4 .syrb-species-facts .syrb-small-note { font-size:13px; line-height:1.5; }
.syrb.syrb-v4 .syrb-downloads { margin-top:16px; }
.syrb.syrb-v4 .syrb-kind-species > .syrb-section { border-top:1px solid var(--inner-line); }
.syrb.syrb-v4 .syrb-directory-related { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.syrb.syrb-v4 .syrb-directory-related .syrb-directory-card { display:grid; grid-template-columns:70px minmax(0,1fr); gap:16px; padding:0 0 18px; align-items:start; }
.syrb.syrb-v4 .syrb-directory-related .syrb-directory-image { width:70px; height:112px; aspect-ratio:auto; margin:0; }
.syrb.syrb-v4 .syrb-directory-related .syrb-directory-image img { width:100%; height:100%; }
.syrb.syrb-v4 .syrb-directory-related h3 { font-size:19px; line-height:1.35; }
.syrb.syrb-v4 .syrb-directory-related h3 a { min-height:44px; display:flex; gap:8px; justify-content:space-between; align-items:start; }
.syrb.syrb-v4 .syrb-directory-related p:not(.syrb-eyebrow) { font-size:14px; line-height:1.5; margin-top:10px; }
.syrb.syrb-v4 .syrb-directory-related .syrb-eyebrow { font-size:12px; margin:0 0 4px; }

/* Contact information and the office share the opening view. */
.syrb.syrb-v4 .syrb-contact-intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,64px); align-items:center; padding-block:12px 32px; }
.syrb.syrb-v4 .syrb-contact-intro h1 { max-width:18ch; }
.syrb.syrb-v4 .syrb-contact-intro figure { overflow:hidden; border-radius:2px 56px 2px 2px; }
.syrb.syrb-v4 .syrb-contact-intro figure img { width:100%; height:clamp(280px,26vw,390px); object-position:center 55%; }
.syrb.syrb-v4 .syrb-contact-direct { margin-top:22px; }
.syrb.syrb-v4 .syrb-contact-direct .syrb-contact-phone { font-size:clamp(29px,2.5vw,38px); min-height:44px; }
.syrb.syrb-v4 .syrb-contact-direct .syrb-contact-email { margin-top:4px; padding-block:5px; min-height:44px; }
.syrb.syrb-v4 .syrb-contact-information { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 36px; padding-block:28px 36px; border-top:1px solid var(--inner-line); }
.syrb.syrb-v4 .syrb-contact-information > div + div:not(.syrb-contact-directions) { border-left:1px solid var(--inner-line); padding-left:36px; }
.syrb.syrb-v4 .syrb-contact-information h2 { font-size:29px; margin-bottom:18px; }
.syrb.syrb-v4 .syrb-contact-information p:not(.syrb-eyebrow),.syrb.syrb-v4 .syrb-contact-information address { font-size:17px; line-height:1.6; font-style:normal; }
.syrb.syrb-v4 .syrb-contact-information p + p { margin-top:12px; }
.syrb.syrb-v4 .syrb-contact-information .syrb-button,.syrb.syrb-v4 .syrb-contact-information .syrb-text-link { margin-top:18px; }
.syrb.syrb-v4 .syrb-contact-information .syrb-contact-directions { grid-column:1/-1; display:grid; grid-template-columns:240px 1fr; gap:28px; border-top:1px solid var(--inner-line); padding-top:24px; }
.syrb.syrb-v4 .syrb-contact-directions h3 { font-size:24px; }

/* Clear editorial rows use the page width without creating long lines of prose. */
.syrb.syrb-v4 .syrb-content-heading { padding-block:14px 24px; }
.syrb.syrb-v4 .syrb-content-heading-with-image { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px,4vw,64px); align-items:center; }
.syrb.syrb-v4 .syrb-content-heading-with-image figure { overflow:hidden; }
.syrb.syrb-v4 .syrb-content-heading-with-image img { width:100%; height:clamp(250px,24vw,340px); aspect-ratio:auto; object-fit:cover; }
/* The About archive photograph must always be visible in its entirety. */
.syrb.syrb-v4 .syrb-content-heading.syrb-about-intro { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }
.syrb.syrb-v4 .syrb-about-intro > figure { width:100%; max-width:640px; margin:0; justify-self:end; background:transparent; }
.syrb.syrb-v4 .syrb-about-intro > figure img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; transform:none!important; clip-path:none!important; }
.syrb.syrb-v4 .syrb-body-section { padding-top:12px; }
.syrb.syrb-v4 .syrb-story-block { display:grid; grid-template-columns:minmax(180px,.3fr) minmax(0,1fr); gap:24px 40px; padding-block:28px; border-top:1px solid var(--inner-line); align-items:start; }
.syrb.syrb-v4 .syrb-story-block h2 { font-size:30px; max-width:19ch; }
.syrb.syrb-v4 .syrb-story-copy p { max-width:75ch; }
.syrb.syrb-v4 .syrb-story-copy p + p { margin-top:16px; }
.syrb.syrb-v4 .syrb-story-copy h3 { font-size:25px; margin-block:24px 12px; }
.syrb.syrb-v4 .syrb-story-copy ul:not(.syrb-editorial-links) { padding-left:20px; }
.syrb.syrb-v4 .syrb-story-copy li { margin-top:8px; }
.syrb.syrb-v4 .syrb-story-illustrated { grid-template-columns:minmax(180px,.5fr) minmax(0,1.2fr) minmax(0,.85fr); }
.syrb.syrb-v4 .syrb-story-untitled { grid-template-columns:minmax(0,1fr); }
.syrb.syrb-v4 .syrb-story-untitled.syrb-story-illustrated { grid-template-columns:1fr 1fr; }
.syrb.syrb-v4 .syrb-story-images figure { margin:0; }
.syrb.syrb-v4 .syrb-story-images img { width:100%; height:auto; max-height:340px; object-fit:contain; }
.syrb.syrb-v4 .syrb-story-images figcaption { font-size:13px; line-height:1.5; margin-top:10px; }
.syrb.syrb-v4 .syrb-editorial-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:18px; list-style:none; }
.syrb.syrb-v4 .syrb-editorial-links li { margin:0; }
.syrb.syrb-v4 .syrb-kind-article .syrb-body-section,.syrb.syrb-v4 .syrb-legal-page .syrb-body-section { max-width:1100px; }
.syrb.syrb-v4 .syrb-body-section > .syrb-editorial { max-width:100%; }
.syrb.syrb-v4 .syrb-editorial p { margin-bottom:18px; }
.syrb.syrb-v4 .syrb-editorial h2 { margin-block:28px 16px; }
.syrb.syrb-v4 .syrb-editorial h2:first-child { margin-top:0; }
.syrb.syrb-v4 .syrb-kind-article .syrb-editorial,.syrb.syrb-v4 .syrb-policy { max-width:76ch; margin-inline:auto; }
.syrb.syrb-v4 .syrb-legal-page .syrb-content-heading { max-width:1100px; }
.syrb.syrb-v4 .syrb-kind-article .syrb-article-back { padding-top:8px; }

/* Six generations, in six concise entries rather than six full-width image bands. */
.syrb.syrb-v4 .syrb-kind-history .syrb-content-heading-with-image { grid-template-columns:1fr minmax(0,480px); }
.syrb.syrb-v4 .syrb-kind-history .syrb-content-heading-with-image img { height:300px; object-fit:contain; }
.syrb.syrb-v4 .syrb-timeline { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
.syrb.syrb-v4 .syrb-timeline-entry { display:grid; grid-template-columns:100px minmax(0,1fr); gap:14px 24px; padding:24px 0; border-top:1px solid var(--inner-line); align-items:start; }
.syrb.syrb-v4 .syrb-timeline-year { grid-column:1/-1; font-size:28px; line-height:1.2; }
.syrb.syrb-v4 .syrb-timeline-entry figure { grid-column:1; margin:0; }
.syrb.syrb-v4 .syrb-timeline-entry > figure img { width:100px; height:150px; object-fit:contain; object-position:top center; }
.syrb.syrb-v4 .syrb-timeline-entry > div:last-child { grid-column:2; }
.syrb.syrb-v4 .syrb-timeline-entry h2 { font-size:27px; margin-bottom:12px; }
.syrb.syrb-v4 .syrb-timeline-entry p:not(.syrb-eyebrow) { font-size:17px; line-height:1.6; margin-top:12px; }
.syrb.syrb-v4 .syrb-timeline-entry .syrb-eyebrow { font-size:13px; margin:0 0 8px; }
.syrb.syrb-v4 .syrb-kind-history .syrb-body-section .syrb-editorial { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1fr); gap:24px 40px; align-items:center; }
.syrb.syrb-v4 .syrb-kind-history .syrb-editorial-image { margin:0; }
.syrb.syrb-v4 .syrb-kind-history .syrb-editorial-image img { max-height:300px; width:100%; object-fit:contain; }

/* Product details occupy a balanced grid; the quote prompt is a full-width brief. */
.syrb.syrb-v4 .syrb-product-page .syrb-product-hero { grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,64px); padding-block:14px 28px; }
.syrb.syrb-v4 .syrb-product-page .syrb-product-hero h1 { font-size:clamp(36px,3.6vw,58px); }
.syrb.syrb-v4 .syrb-product-page .syrb-gallery figure { height:clamp(280px,28vw,390px); aspect-ratio:auto; }
.syrb.syrb-v4 .syrb-product-page .syrb-gallery figure img { width:100%; height:100%; }
.syrb.syrb-v4 .syrb-product-page .syrb-gallery-controls { flex-wrap:wrap; gap:8px; }
.syrb.syrb-v4 .syrb-product-page .syrb-gallery-controls button { min-height:44px; padding:9px 12px; font-size:14px; }
.syrb.syrb-v4 .syrb-product-page .syrb-product-details { padding-block:24px; }
.syrb.syrb-v4 .syrb-product-page .syrb-detail-layout { display:block; }
.syrb.syrb-v4 .syrb-detail-sections { display:grid; grid-template-columns:1fr 1fr; gap:0 48px; }
.syrb.syrb-v4 .syrb-detail-section { padding:24px 0; margin:0; border-top:1px solid var(--inner-line); border-bottom:0; }
.syrb.syrb-v4 .syrb-detail-section h2 { font-size:29px; margin-bottom:14px; }
.syrb.syrb-v4 .syrb-detail-section p { line-height:1.6; }
.syrb.syrb-v4 .syrb-detail-section ul { margin-top:12px; }
.syrb.syrb-v4 .syrb-detail-section li { padding-block:4px; }
.syrb.syrb-v4 .syrb-detail-sections > :last-child:nth-child(odd) { grid-column:1/-1; display:grid; grid-template-columns:minmax(180px,.45fr) 1fr; gap:12px 36px; }
.syrb.syrb-v4 .syrb-detail-sections > :last-child:nth-child(odd) > :not(h2) { grid-column:2; }
.syrb.syrb-v4 .syrb-product-page .syrb-spec-card { position:static; display:grid; grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr) minmax(200px,.65fr); gap:16px 28px; align-items:start; padding:26px; margin-top:12px; background:var(--inner-paper); }
.syrb.syrb-v4 .syrb-product-page .syrb-spec-card ol { grid-column:2; grid-row:1/3; margin:0; padding-left:22px; }
.syrb.syrb-v4 .syrb-product-page .syrb-spec-card li { padding:4px 0; margin:0; font-size:16px; }
.syrb.syrb-v4 .syrb-product-page .syrb-spec-card > p { grid-column:1; margin:0; }
.syrb.syrb-v4 .syrb-product-page .syrb-spec-card .syrb-button { grid-column:3; grid-row:1/3; margin:0; align-self:center; }
.syrb.syrb-v4 .syrb-product-page .syrb-faq { display:grid; grid-template-columns:minmax(180px,.35fr) 1fr; gap:36px; }
.syrb.syrb-v4 .syrb-product-page .syrb-faq summary { padding-block:18px; }
.syrb.syrb-v4 .syrb-product-page .syrb-page-cta { padding-block:30px; }
.syrb.syrb-v4 .syrb-product-page .syrb-product-grid { gap:24px; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.syrb.syrb-v4 .syrb-product-page .syrb-product-card .syrb-card-image { max-height:260px; margin-bottom:18px; }

/* Compact range cards do not stretch the original small species samples. */
.syrb.syrb-v4 .syrb-kind-directory .syrb-directory-species { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.syrb.syrb-v4 .syrb-kind-directory .syrb-directory-species .syrb-directory-card { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:start; gap:18px; padding-bottom:22px; }
.syrb.syrb-v4 .syrb-kind-directory .syrb-directory-species .syrb-directory-image { width:90px; height:160px; aspect-ratio:auto; margin:0; }
.syrb.syrb-v4 .syrb-kind-directory .syrb-directory-species h3 { font-size:22px; }
.syrb.syrb-v4 .syrb-kind-directory .syrb-directory-species p { font-size:15px; }

/* Searchable material combobox: browser-independent, keyboard and touch friendly. */
.syrb.syrb-v4 .syrb-quote-page .syrb-wrap { max-width:1520px; }
.syrb.syrb-v4 .syrb-quote-heading { padding-block:28px; }
.syrb.syrb-v4 .syrb-quote-heading > p { max-width:64ch; margin-top:16px; }
.syrb.syrb-v4 .syrb-quote-layout { grid-template-columns:minmax(0,1fr) minmax(270px,.38fr); gap:32px; padding-bottom:40px; align-items:start; }
.syrb.syrb-v4 .syrb-quote-aside { padding:24px; position:sticky; top:calc(120px + var(--syrb-admin-offset)); }
.syrb.syrb-v4 .syrb-quote-aside h2 { font-size:28px; }
.syrb.syrb-v4 #summary-materials { max-height:240px; overflow:auto; overflow-wrap:anywhere; }
.syrb.syrb-v4 .syrb-project-item { padding:20px; margin-block:20px; overflow:visible; }
.syrb.syrb-v4 .syrb-quote-page label { margin-bottom:14px; }
.syrb.syrb-v4 .syrb-item-top { grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:start; }
.syrb.syrb-v4 .syrb-item-top .syrb-remove { margin-top:28px; }
.syrb.syrb-v4 .syrb-material-field { position:relative; margin-bottom:14px; }
.syrb.syrb-v4 .syrb-material-field > label { display:block; margin:0 0 9px; }
.syrb.syrb-v4 .syrb-material-control { position:relative; }
.syrb.syrb-v4 .syrb-material-control input { width:100%; padding-right:52px; margin:0; background:#fffcf7; }
.syrb.syrb-v4 .syrb-material-toggle { position:absolute; right:1px; top:1px; bottom:1px; width:48px; min-height:44px; border:0; background:transparent; color:var(--forest); cursor:pointer; display:grid; place-items:center; }
.syrb.syrb-v4 .syrb-material-toggle::after { content:''; width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s; }
.syrb.syrb-v4 .syrb-material-field:has([aria-expanded="true"]) .syrb-material-toggle::after { transform:translateY(2px) rotate(225deg); }
.syrb.syrb-v4 .syrb-material-panel { position:absolute; z-index:30; top:calc(100% - 1px); left:0; right:0; border:1px solid #80968b; background:#fffcf7; box-shadow:0 12px 28px #00422526; }
.syrb.syrb-v4 .syrb-material-options { list-style:none; margin:0; padding:6px; max-height:min(280px,40svh); overflow-y:auto; overscroll-behavior:contain; scrollbar-color:#80968b #eeeadf; scroll-padding:6px; }
.syrb.syrb-v4 .syrb-material-options [role="option"] { padding:12px 14px; min-height:46px; font-size:16px; line-height:1.45; cursor:pointer; border-bottom:1px solid #e5e5db; overflow-wrap:anywhere; }
.syrb.syrb-v4 .syrb-material-options [role="option"]:last-child { border:0; }
.syrb.syrb-v4 .syrb-material-options [role="option"][aria-selected="true"] { background:var(--forest); color:#fff; }
.syrb.syrb-v4 .syrb-material-hint { padding:10px 14px; border-top:1px solid #d9ddcf; font-size:13px; line-height:1.45; color:var(--muted); }
.syrb.syrb-v4 .syrb-quote-page select { appearance:none; padding-right:44px; color:var(--forest); background:#fffcf7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23173f35' stroke-width='1.8'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 15px center; border-radius:0; }
.syrb.syrb-v4 .syrb-material-panel[hidden] { display:none; }
@media(hover:hover) { .syrb.syrb-v4 .syrb-material-options [role="option"]:hover { background:#e6ece4; color:var(--forest); } }
@media(max-width:1100px) {
 .syrb.syrb-v4 .syrb-species-description { grid-template-columns:minmax(0,1fr) 110px; gap:18px; }
 .syrb.syrb-v4 .syrb-species-sample,.syrb.syrb-v4 .syrb-species-sample img { width:110px; }
 .syrb.syrb-v4 .syrb-species-sample img { height:200px; }
 .syrb.syrb-v4 .syrb-species-facts { padding:20px; }
 .syrb.syrb-v4 .syrb-directory-related { grid-template-columns:1fr 1fr; }
 .syrb.syrb-v4 .syrb-story-block { grid-template-columns:minmax(160px,.35fr) 1fr; gap:22px 28px; }
 .syrb.syrb-v4 .syrb-story-illustrated .syrb-story-images { grid-column:2; }
 .syrb.syrb-v4 .syrb-story-untitled.syrb-story-illustrated { grid-template-columns:1fr 1fr; }
 .syrb.syrb-v4 .syrb-story-untitled.syrb-story-illustrated .syrb-story-images { grid-column:auto; }
 .syrb.syrb-v4 .syrb-story-untitled { grid-template-columns:1fr; }
 .syrb.syrb-v4 .syrb-contact-information { gap:24px; }
 .syrb.syrb-v4 .syrb-contact-information > div + div:not(.syrb-contact-directions) { padding-left:24px; }
 .syrb.syrb-v4 .syrb-contact-information h2 { font-size:25px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-spec-card { grid-template-columns:1fr 1.4fr; }
 .syrb.syrb-v4 .syrb-product-page .syrb-spec-card .syrb-button { grid-column:2; grid-row:3; justify-self:start; }
 .syrb.syrb-v4 .syrb-quote-layout { grid-template-columns:minmax(0,1fr) 270px; gap:24px; }
 .syrb.syrb-v4 .syrb-quote-aside { padding:20px; }
 .syrb.syrb-v4 .syrb-kind-directory .syrb-directory-species { grid-template-columns:1fr 1fr; }
}
@media(max-width:900px) {
 .syrb.syrb-v4 .syrb-content-heading.syrb-about-intro { grid-template-columns:1fr; gap:22px; }
 .syrb.syrb-v4 .syrb-about-intro > figure { justify-self:center; }
 .syrb.syrb-v4 .syrb-species-overview { grid-template-columns:1fr; gap:28px; }
 .syrb.syrb-v4 .syrb-species-description { grid-template-columns:minmax(0,1fr) 130px; }
 .syrb.syrb-v4 .syrb-species-sample,.syrb.syrb-v4 .syrb-species-sample img { width:130px; }
 .syrb.syrb-v4 .syrb-quote-layout { grid-template-columns:1fr; }
 .syrb.syrb-v4 .syrb-quote-aside { position:static; }
 .syrb.syrb-v4 .syrb-timeline { gap:0 28px; }
 .syrb.syrb-v4 .syrb-timeline-entry { grid-template-columns:80px 1fr; gap:14px 18px; }
 .syrb.syrb-v4 .syrb-timeline-entry > figure img { width:80px; height:120px; }
}
@media(max-width:760px) {
 .syrb.syrb-v4 main .syrb-wrap { width:calc(100% - 36px); }
 .syrb.syrb-v4 main .syrb-section { padding-block:26px; }
 .syrb.syrb-v4 main .syrb-breadcrumb { padding-block:16px 12px; }
 .syrb.syrb-v4 main h1 { font-size:clamp(34px,7.8vw,46px); }
 .syrb.syrb-v4 main h2 { font-size:29px; }
 .syrb.syrb-v4 main p,.syrb.syrb-v4 main .syrb-intro { font-size:17px; line-height:1.6; }
 .syrb.syrb-v4 main .syrb-eyebrow { font-size:13px; }
 .syrb.syrb-v4 .syrb-species-overview { padding-block:12px 26px; }
 .syrb.syrb-v4 .syrb-species-description { grid-template-columns:minmax(0,1fr) 90px; gap:16px; margin-top:18px; }
 .syrb.syrb-v4 .syrb-species-sample,.syrb.syrb-v4 .syrb-species-sample img { width:90px; }
 .syrb.syrb-v4 .syrb-species-sample img { height:180px; }
 .syrb.syrb-v4 .syrb-species-sample figcaption { font-size:12px; }
 .syrb.syrb-v4 .syrb-species-description p { font-size:16px; }
 .syrb.syrb-v4 .syrb-species-facts { padding:20px 18px; }
 .syrb.syrb-v4 .syrb-specifications { column-gap:18px; }
 .syrb.syrb-v4 .syrb-specifications dd { font-size:15px; }
 .syrb.syrb-v4 .syrb-directory-related { gap:18px; }
 .syrb.syrb-v4 .syrb-directory-related .syrb-directory-card { grid-template-columns:50px 1fr; gap:12px; }
 .syrb.syrb-v4 .syrb-directory-related .syrb-directory-image { width:50px; height:90px; }
 .syrb.syrb-v4 .syrb-directory-related h3 { font-size:18px; }
 .syrb.syrb-v4 .syrb-directory-related p:not(.syrb-eyebrow) { font-size:14px; }
 .syrb.syrb-v4 .syrb-contact-intro { grid-template-columns:1fr; gap:22px; padding-block:10px 26px; }
 .syrb.syrb-v4 .syrb-contact-intro h1 { max-width:20ch; }
 .syrb.syrb-v4 .syrb-contact-intro figure { border-radius:2px 36px 2px 2px; }
 .syrb.syrb-v4 .syrb-contact-intro figure img { height:220px; }
 .syrb.syrb-v4 .syrb-contact-direct { margin-top:18px; }
 .syrb.syrb-v4 .syrb-contact-information { grid-template-columns:1fr 1fr; gap:24px; padding-block:24px 28px; }
 .syrb.syrb-v4 .syrb-contact-information > div + div:not(.syrb-contact-directions) { border:0; padding:0; }
 .syrb.syrb-v4 .syrb-contact-information > div:nth-child(3) { grid-column:1/-1; border-top:1px solid var(--inner-line); padding-top:22px; }
 .syrb.syrb-v4 .syrb-contact-information h2 { font-size:25px; margin-bottom:12px; }
 .syrb.syrb-v4 .syrb-contact-information p:not(.syrb-eyebrow),.syrb.syrb-v4 .syrb-contact-information address { font-size:16px; }
 .syrb.syrb-v4 .syrb-contact-information .syrb-contact-directions { display:block; padding-top:22px; }
 .syrb.syrb-v4 .syrb-contact-directions h3 { margin-bottom:12px; }
 .syrb.syrb-v4 .syrb-content-heading-with-image,.syrb.syrb-v4 .syrb-kind-history .syrb-content-heading-with-image { grid-template-columns:1fr; gap:22px; }
 .syrb.syrb-v4 .syrb-content-heading-with-image img { height:240px; }
 .syrb.syrb-v4 .syrb-kind-history .syrb-content-heading-with-image img { height:240px; }
 .syrb.syrb-v4 .syrb-story-block,.syrb.syrb-v4 .syrb-story-untitled.syrb-story-illustrated { display:block; padding-block:24px; }
 .syrb.syrb-v4 .syrb-story-block h2 { font-size:28px; max-width:none; margin-bottom:16px; }
 .syrb.syrb-v4 .syrb-story-images { margin-top:22px; }
 .syrb.syrb-v4 .syrb-timeline { grid-template-columns:1fr; gap:0; }
 .syrb.syrb-v4 .syrb-timeline-entry { grid-template-columns:90px 1fr; gap:12px 18px; padding-block:22px; }
 .syrb.syrb-v4 .syrb-timeline-entry > figure img { width:90px; height:135px; }
 .syrb.syrb-v4 .syrb-timeline-entry h2 { font-size:27px; }
 .syrb.syrb-v4 .syrb-timeline-entry p:not(.syrb-eyebrow) { font-size:16px; }
 .syrb.syrb-v4 .syrb-kind-history .syrb-body-section .syrb-editorial { grid-template-columns:1fr; }
 .syrb.syrb-v4 .syrb-product-page .syrb-product-hero { grid-template-columns:1fr; gap:24px; padding-block:10px 26px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-product-hero h1 { font-size:clamp(34px,7.8vw,46px); }
 .syrb.syrb-v4 .syrb-product-page .syrb-gallery figure { height:240px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-gallery-controls { flex-wrap:wrap; overflow:visible; }
 .syrb.syrb-v4 .syrb-product-page .syrb-gallery-controls button { white-space:normal; max-width:100%; }
 .syrb.syrb-v4 .syrb-detail-sections { display:block; }
 .syrb.syrb-v4 .syrb-detail-sections > :last-child:nth-child(odd) { display:block; }
 .syrb.syrb-v4 .syrb-detail-section { padding-block:22px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-spec-card { display:block; padding:22px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-spec-card ol { margin-block:16px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-spec-card .syrb-button { margin-top:18px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-faq { display:block; }
 .syrb.syrb-v4 .syrb-product-page .syrb-faq h2 { margin-bottom:16px; }
 .syrb.syrb-v4 .syrb-quote-heading { padding-block:24px; }
 .syrb.syrb-v4 .syrb-quote-heading h1 { font-size:clamp(34px,7.8vw,46px); }
 .syrb.syrb-v4 .syrb-project-item { padding:16px; }
 .syrb.syrb-v4 .syrb-item-top { grid-template-columns:1fr; gap:0; }
 .syrb.syrb-v4 .syrb-item-top .syrb-remove { margin:0 0 12px; justify-self:end; }
 .syrb.syrb-v4 .syrb-quote-page .syrb-dimensions { grid-template-columns:1fr 1fr; gap:0 14px; }
 .syrb.syrb-v4 .syrb-quote-page .syrb-dimensions label:last-child { grid-column:1/-1; }
 .syrb.syrb-v4 .syrb-material-options { max-height:240px; }
 .syrb.syrb-v4 .syrb-kind-directory .syrb-directory-species { grid-template-columns:1fr; }
}
@media(max-width:520px) {
 .syrb.syrb-v4 .syrb-directory-related { grid-template-columns:1fr; }
 .syrb.syrb-v4 .syrb-directory-related .syrb-directory-card { grid-template-columns:64px 1fr; }
 .syrb.syrb-v4 .syrb-directory-related .syrb-directory-image { width:64px; height:96px; }
 .syrb.syrb-v4 .syrb-contact-information { grid-template-columns:1fr; gap:22px; }
 .syrb.syrb-v4 .syrb-contact-information > div + div:not(.syrb-contact-directions) { border-top:1px solid var(--inner-line); padding-top:22px; }
 .syrb.syrb-v4 .syrb-specifications { grid-template-columns:1fr; }
 .syrb.syrb-v4 .syrb-specifications > div { display:grid; grid-template-columns:minmax(90px,.7fr) minmax(0,1fr); gap:12px; }
 .syrb.syrb-v4 .syrb-specifications dt { margin:0; }
}
@media(prefers-reduced-motion:reduce) { .syrb.syrb-v4 .syrb-material-toggle::after { transition:none; } }

/* Final visual checks: preserve portrait dimensions and let phone copy flow around the sample. */
.syrb.syrb-v4 .syrb-species-description > div { grid-column:1; grid-row:1; }
.syrb.syrb-v4 .syrb-species-sample { grid-column:2; grid-row:1; align-self:start; }
.syrb.syrb-v4 .syrb-story-copy .syrb-editorial-links .syrb-text-link { font-size:16px; min-height:48px; padding-block:10px; gap:18px; }
.syrb.syrb-v4 .syrb-kind-search .syrb-directory-card { grid-template-columns:100px minmax(0,1fr); }
.syrb.syrb-v4 .syrb-material-panel.is-above { top:auto; bottom:calc(100% - 34px); }
@media(max-width:760px) {
 .syrb.syrb-v4 .syrb-species-description { display:flow-root; }
 .syrb.syrb-v4 .syrb-species-sample { float:right; margin:4px 0 14px 18px; }
 .syrb.syrb-v4 .syrb-kind-article .syrb-content-heading h1 { font-size:clamp(34px,7.8vw,46px); }
 .syrb.syrb-v4 .syrb-kind-search .syrb-directory-card { grid-template-columns:80px minmax(0,1fr); }
}
/* A scarce 110px Koto reference is never stretched to fill a larger frame. */
.syrb.syrb-v4 .syrb-species-sample:has(img[src*="live-82ca8125"]) { width:100px; justify-self:end; }
.syrb.syrb-v4 .syrb-species-sample img[src*="live-82ca8125"] { width:100px; height:150px; }
@media(max-width:760px) {
 .syrb.syrb-v4 .syrb-species-sample:has(img[src*="live-82ca8125"]),.syrb.syrb-v4 .syrb-species-sample img[src*="live-82ca8125"] { width:90px; }
}

@media(max-width:900px) { .syrb.syrb-v4 .syrb-quote-aside { order:0; } }
@media(max-width:760px) { .syrb.syrb-v4 .syrb-item-top .syrb-remove { order:0; } }