/* Sykes v0.4: readable type, useful density and clear material photography. */
.syrb.syrb-v4 {
  font-size: 18px;
  line-height: 1.65;
  letter-spacing: 0;
  --muted: #4e6057;
}
.syrb.syrb-v4 :where(h1,h2,h3) { letter-spacing: -.02em; line-height: 1.15; }
.syrb.syrb-v4 h1 { font-size: clamp(42px,4.15vw,60px); }
.syrb.syrb-v4 h2 { font-size: clamp(34px,3.1vw,44px); }
.syrb.syrb-v4 h3 { font-size: 28px; }
.syrb.syrb-v4 :where(main,section,article,aside,div,figure,fieldset) { min-width: 0; }
.syrb.syrb-v4 p { font-size: 18px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-wrap { width: min(1320px,calc(100% - 96px)); }
.syrb.syrb-v4 .syrb-section { padding-block: 68px; }
.syrb.syrb-v4 .syrb-section-heading { gap: 40px; margin-bottom: 30px; align-items: end; }
.syrb.syrb-v4 .syrb-section-heading > p { max-width: 400px; font-size: 18px; line-height: 1.6; }
.syrb.syrb-v4 .syrb-eyebrow,
.syrb.syrb-v4 .syrb-product-hero .syrb-eyebrow,
.syrb.syrb-v4 .syrb-product-card .syrb-eyebrow,
.syrb.syrb-v4 .syrb-application .syrb-eyebrow,
.syrb.syrb-v4 .syrb-sourcing-link .syrb-eyebrow {
  font-size: 14px; line-height: 1.5; letter-spacing: .045em;
  font-weight: 500; text-transform: none; margin-bottom: 16px;
}
.syrb.syrb-v4 .syrb-intro { font-size: 20px; line-height: 1.6; max-width: 640px; margin-top: 24px; }
.syrb.syrb-v4 .syrb-actions { gap: 18px 28px; margin-top: 28px; }
.syrb.syrb-v4 .syrb-button,
.syrb.syrb-v4 .syrb-actions .syrb-button,
.syrb.syrb-v4 .syrb-nav .syrb-button,
.syrb.syrb-v4 .syrb-product-card > .syrb-button,
.syrb.syrb-v4 .syrb-spec-card .syrb-button,
.syrb.syrb-v4 .syrb-quote-actions .syrb-button {
  font-size: 16px; line-height: 1.45; font-weight: 500; min-height: 52px;
  padding: 14px 22px; gap: 20px; border-radius: 0; max-width: 100%;
}
.syrb.syrb-v4 .syrb-button-small { padding: 12px 18px; }
.syrb.syrb-v4 .syrb-text-link,
.syrb.syrb-v4 .syrb-actions .syrb-text-link,
.syrb.syrb-v4 .syrb-categories .syrb-card-link,
.syrb.syrb-v4 .syrb-category .syrb-card-link,
.syrb.syrb-v4 .syrb-product-card .syrb-card-link,
.syrb.syrb-v4 .syrb-application .syrb-card-link,
.syrb.syrb-v4 .syrb-finder-links .syrb-text-link,
.syrb.syrb-v4 .syrb-story-heading .syrb-text-link,
.syrb.syrb-v4 .syrb-contact-location .syrb-text-link {
  font-size: 16px; font-weight: 500; line-height: 1.5; min-height: 48px; gap: 18px;
}
.syrb.syrb-v4 .syrb-card-link { font-size: 16px; padding-block: 14px; }
.syrb.syrb-v4 :where(a,button,input,summary,select,textarea):focus-visible { outline: 3px solid #996120; outline-offset: 4px; }

/* Keep the merchant's identity clear, with comfortably sized navigation. */
.syrb.syrb-v4 .syrb-header { top: calc(var(--syrb-admin-offset) - 42px); }
.syrb.syrb-v4 .syrb-utility,
.syrb.syrb-v4 .syrb-utility .syrb-wrap > div { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
.syrb.syrb-v4 .syrb-utility > .syrb-wrap { min-height: 42px; gap: 24px; }
.syrb.syrb-v4 .syrb-utility .syrb-wrap > div { gap: 26px; flex-wrap: wrap; }
.syrb.syrb-v4 .syrb-utility a { padding-block: 10px; }
.syrb.syrb-v4 .syrb-navigation { min-height: 96px; gap: 26px; }
.syrb.syrb-v4 .syrb-brand { gap: 13px; }
.syrb.syrb-v4 .syrb-mark { width: 50px; height: 50px; }
.syrb.syrb-v4 .syrb-wordmark { width: 110px; height: 47px; }
.syrb.syrb-v4 .syrb-nav { gap: 24px; font-size: 16px; line-height: 1.5; }
.syrb.syrb-v4 .syrb-nav-group summary { font-size: 16px; min-height: 52px; }
.syrb.syrb-v4 .syrb-nav-group > div { min-width: 260px; padding: 12px; border-color: #d1d8cf; box-shadow: 0 16px 32px #00422514; }
.syrb.syrb-v4 .syrb-nav-group a { font-size: 16px; padding: 12px 14px; }
.syrb.syrb-v4 .syrb-menu-button { font-size: 16px; min-height: 48px; padding: 10px 16px; }
.syrb.syrb-v4 .syrb-count { font: 600 14px/20px Inter,Arial,sans-serif; min-width: 26px; height: 26px; padding: 3px; }
.syrb.syrb-v4 .syrb-breadcrumb { font-size: 14px; line-height: 1.6; gap: 10px; padding-top: 26px; padding-bottom: 20px; }
.syrb.syrb-v4 [id] { scroll-margin-top: calc(122px + var(--syrb-admin-offset)); }

/* Film, material and copy share the first view; the image stays recognisable. */
.syrb.syrb-v4 .syrb-cinema-inner { min-height: 660px; padding-top: 76px; gap: 40px; }
.syrb.syrb-v4 .syrb-cinema-copy { max-width: 820px; }
.syrb.syrb-v4 .syrb-cinema h1 { font-size: clamp(58px,5.15vw,76px); line-height: 1.06; letter-spacing: -.025em; max-width: 810px; }
.syrb.syrb-v4 .syrb-cinema .syrb-eyebrow { font-size: 14px; letter-spacing: .045em; line-height: 1.5; margin-bottom: 22px; }
.syrb.syrb-v4 .syrb-cinema .syrb-intro { font-size: 20px; line-height: 1.65; max-width: 630px; margin-top: 26px; color: #f8f9f4; }
.syrb.syrb-v4 .syrb-cinema .syrb-actions { gap: 24px; margin-top: 30px; }
.syrb.syrb-v4 .syrb-cinema .syrb-actions .syrb-button { font-size: 16px; padding: 15px 24px; gap: 26px; }
.syrb.syrb-v4 .syrb-cinema .syrb-text-link { font-size: 16px; line-height: 1.5; gap: 20px; }
.syrb.syrb-v4 .syrb-cinema-caption { font-size: 14px; line-height: 1.5; padding: 20px 0 44px; min-height: 96px; }
.syrb.syrb-v4 .syrb-cinema-caption p,
.syrb.syrb-v4 .syrb-cinema-caption p > span:last-child { font-size: 14px; line-height: 1.5; }
.syrb.syrb-v4 .syrb-film-toggle { font-size: 16px; min-height: 48px; min-width: 122px; padding: 12px 16px; }
.syrb.syrb-v4 .syrb-film-icon { font-size: 14px; }
.syrb.syrb-v4 .syrb-range-strip { box-shadow: none; margin-top: -24px; }
.syrb.syrb-v4 .syrb-range-strip > a { font-size: 17px; padding: 22px 24px; min-height: 88px; gap: 12px; }
.syrb.syrb-v4 .syrb-range-index { display: none; }
.syrb.syrb-v4 .syrb-materials { padding-top: 64px; }
.syrb.syrb-v4 .syrb-categories { gap: 28px; }
.syrb.syrb-v4 .syrb-category { padding-bottom: 4px; }
.syrb.syrb-v4 .syrb-category .syrb-card-image { aspect-ratio: 4/4.2; margin-bottom: 22px; }
.syrb.syrb-v4 .syrb-category h3 { font-size: 28px; min-height: 0; max-width: none; line-height: 1.2; letter-spacing: -.015em; }
.syrb.syrb-v4 .syrb-category p { font-size: 17px; line-height: 1.6; max-width: none; margin: 12px 0 14px; }
.syrb.syrb-v4 .syrb-card-number { display: none; }
.syrb.syrb-v4 .syrb-range-help { font-size: 17px; margin-top: 30px; padding-top: 20px; gap: 24px; }
.syrb.syrb-v4 .syrb-range-help p { font-size: 17px; }
.syrb.syrb-v4 .syrb-range-help .syrb-text-link { font-size: 16px; }

/* One strong workshop image is enough. */
.syrb.syrb-v4 .syrb-craft { padding-block: 72px; }
.syrb.syrb-v4 .syrb-craft .syrb-split { grid-template-columns: 1.1fr 1fr; gap: 64px; }
.syrb.syrb-v4 .syrb-craft-pictures { padding: 0; }
.syrb.syrb-v4 .syrb-craft-main { aspect-ratio: 5/4; }
.syrb.syrb-v4 .syrb-craft-main img { object-position: 56% center; }
.syrb.syrb-v4 .syrb-craft-main figcaption { font-size: 14px; line-height: 1.5; padding: 64px 24px 20px; }
.syrb.syrb-v4 .syrb-craft-caption { position: static; font-size: 14px; line-height: 1.6; margin-top: 14px; max-width: none; }
.syrb.syrb-v4 .syrb-feature-copy h2 { font-size: clamp(36px,3.1vw,46px); }
.syrb.syrb-v4 .syrb-feature-copy > p:not(.syrb-eyebrow),
.syrb.syrb-v4 .syrb-craft .syrb-feature-copy > p:not(.syrb-eyebrow) { font-size: 18px; line-height: 1.7; margin-top: 22px; max-width: 580px; }
.syrb.syrb-v4 .syrb-capabilities,
.syrb.syrb-v4 .syrb-craft .syrb-capabilities { font-size: 16px; line-height: 1.55; gap: 14px 24px; margin-block: 26px 30px; }
.syrb.syrb-v4 .syrb-applications { gap: 32px; }
.syrb.syrb-v4 .syrb-application > div { aspect-ratio: 3/2; }
.syrb.syrb-v4 .syrb-application section { padding-top: 24px; }
.syrb.syrb-v4 .syrb-application h3 { font-size: 34px; }
.syrb.syrb-v4 .syrb-application p { font-size: 18px; line-height: 1.6; margin-block: 12px 20px; }
.syrb.syrb-v4 .syrb-finder { padding-block: 64px; }
.syrb.syrb-v4 .syrb-finder-choices button { font-size: 17px; line-height: 1.5; min-height: 64px; padding: 16px 20px; }
.syrb.syrb-v4 .syrb-finder-result { min-height: 0; gap: 32px; padding-top: 26px; }
.syrb.syrb-v4 .syrb-finder-result h3 { font-size: 30px; }
.syrb.syrb-v4 .syrb-finder-result p { font-size: 18px; }
.syrb.syrb-v4 .syrb-home-story { padding-block: 72px; }
.syrb.syrb-v4 .syrb-story-heading { gap: 64px; margin-bottom: 36px; }
.syrb.syrb-v4 .syrb-story-heading h2 { font-size: 44px; }
.syrb.syrb-v4 .syrb-story-heading > div:last-child > p { font-size: 18px; line-height: 1.7; }
.syrb.syrb-v4 .syrb-place-grid { gap: 32px; grid-template-columns: 1.3fr 1fr; }
.syrb.syrb-v4 .syrb-place-yard > img { aspect-ratio: 4/3; }
.syrb.syrb-v4 .syrb-place-yard figcaption { font-size: 14px; line-height: 1.5; padding-top: 14px; }
.syrb.syrb-v4 .syrb-place-office > span { padding: 26px; }
.syrb.syrb-v4 .syrb-place-office strong { font-size: 30px; line-height: 1.2; }
.syrb.syrb-v4 .syrb-place-office > span > span { font-size: 16px; line-height: 1.5; margin-top: 16px; }
.syrb.syrb-v4 .syrb-sourcing-link { gap: 28px; margin-top: 32px; padding-top: 30px; }
.syrb.syrb-v4 .syrb-sourcing-link strong { font-size: 30px; line-height: 1.25; }
.syrb.syrb-v4 .syrb-sourcing-link > span:nth-child(2) > span:last-child { font-size: 17px; line-height: 1.6; margin-top: 10px; }
.syrb.syrb-v4 .syrb-enquiry { padding-block: 72px; gap: 90px; }
.syrb.syrb-v4 .syrb-enquiry h2 { font-size: 46px; }
.syrb.syrb-v4 .syrb-enquiry > div > p:not(.syrb-eyebrow) { font-size: 18px; line-height: 1.65; max-width: 570px; }
.syrb.syrb-v4 .syrb-enquiry .syrb-enquiry-note { font-size: 14px; }
.syrb.syrb-v4 .syrb-contact-card { padding-left: 42px; }
.syrb.syrb-v4 .syrb-contact-phone { font-size: 38px; }
.syrb.syrb-v4 .syrb-contact-email { font-size: 18px; }
.syrb.syrb-v4 .syrb-contact-location { font-size: 16px; line-height: 1.65; }

/* Product information uses fewer, larger elements. */
.syrb.syrb-v4 .syrb-product-hero { grid-template-columns: 1fr 1.05fr; gap: 64px; padding-top: 14px; padding-bottom: 36px; align-items: center; }
.syrb.syrb-v4 .syrb-product-hero h1 { font-size: clamp(44px,4vw,56px); line-height: 1.1; max-width: 660px; }
.syrb.syrb-v4 .syrb-product-hero .syrb-intro { font-size: 20px; line-height: 1.6; max-width: 620px; }
.syrb.syrb-v4 .syrb-product-hero + .syrb-section { padding-top: 34px; }
.syrb.syrb-v4 .syrb-small-note { font-size: 14px; line-height: 1.6; margin-top: 22px; max-width: 560px; }
.syrb.syrb-v4 .syrb-gallery figure { aspect-ratio: 4/3; }
.syrb.syrb-v4 .syrb-gallery-controls { gap: 10px; padding-top: 14px; }
.syrb.syrb-v4 .syrb-gallery-controls button { font-size: 16px; min-height: 48px; padding: 12px 16px; line-height: 1.5; }
.syrb.syrb-v4 .syrb-product-grid { gap: 40px 32px; }
.syrb.syrb-v4 .syrb-product-card { padding-bottom: 26px; }
.syrb.syrb-v4 .syrb-product-card .syrb-card-image { aspect-ratio: 3/2; margin-bottom: 24px; }
.syrb.syrb-v4 .syrb-product-card h3 { font-size: 30px; line-height: 1.2; letter-spacing: -.015em; }
.syrb.syrb-v4 .syrb-product-card p:not(.syrb-eyebrow) { font-size: 18px; line-height: 1.6; margin-top: 14px; }
.syrb.syrb-v4 .syrb-product-details { padding-block: 64px; }
.syrb.syrb-v4 .syrb-detail-layout { gap: 64px; grid-template-columns: minmax(0,1.3fr) minmax(0,.8fr); }
.syrb.syrb-v4 .syrb-detail-section { padding-bottom: 28px; margin-bottom: 28px; }
.syrb.syrb-v4 .syrb-detail-section h2 { font-size: 32px; line-height: 1.2; margin-bottom: 18px; }
.syrb.syrb-v4 .syrb-detail-section p { font-size: 18px; line-height: 1.7; }
.syrb.syrb-v4 .syrb-detail-section li { font-size: 17px; line-height: 1.6; padding-block: 7px; }
.syrb.syrb-v4 .syrb-spec-card { padding: 30px; border-top-width: 2px; }
.syrb.syrb-v4 .syrb-spec-card h2 { font-size: 30px; }
.syrb.syrb-v4 .syrb-spec-card li { font-size: 17px; line-height: 1.6; }
.syrb.syrb-v4 .syrb-spec-card > p:not(.syrb-eyebrow) { font-size: 16px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-comparison { gap: 22px; }
.syrb.syrb-v4 .syrb-comparison article { padding: 26px; border-top-width: 2px; }
.syrb.syrb-v4 .syrb-comparison h3 { font-size: 27px; }
.syrb.syrb-v4 .syrb-comparison p { font-size: 17px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-comparison strong { font-size: 15px; line-height: 1.6; }
.syrb.syrb-v4 .syrb-faq { gap: 64px; }
.syrb.syrb-v4 .syrb-faq summary { font-size: 18px; line-height: 1.5; padding-block: 22px; }
.syrb.syrb-v4 .syrb-faq details p { font-size: 18px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-page-cta { padding-block: 56px; }
.syrb.syrb-v4 .syrb-page-cta h2 { font-size: 40px; }
.syrb.syrb-v4 .syrb-page-cta p { font-size: 18px; margin-top: 14px; }
.syrb.syrb-v4 .syrb-profile-layout { gap: 48px; }
.syrb.syrb-v4 .syrb-profile-choices button { font-size: 17px; line-height: 1.5; padding: 14px 20px; min-height: 54px; }
.syrb.syrb-v4 .syrb-profile-caption { font-size: 17px; line-height: 1.65; }

/* The enquiry tool is a clear form, with proper labels rather than tiny UI. */
.syrb.syrb-v4 .syrb-quote-heading { padding-block: 44px; }
.syrb.syrb-v4 .syrb-quote-heading h1 { font-size: 56px; }
.syrb.syrb-v4 .syrb-quote-heading > p:not(.syrb-eyebrow) { font-size: 20px; line-height: 1.65; max-width: 800px; }
.syrb.syrb-v4 .syrb-quote-paths { gap: 14px 30px; }
.syrb.syrb-v4 .syrb-quote-paths a { font-size: 16px; line-height: 1.5; }
.syrb.syrb-v4 .syrb-quote-layout { gap: 48px; padding-bottom: 64px; grid-template-columns: minmax(0,1.5fr) minmax(0,.8fr); }
.syrb.syrb-v4 .syrb-quote-section h2 { font-size: 32px; line-height: 1.2; }
.syrb.syrb-v4 .syrb-help,
.syrb.syrb-v4 .syrb-quote-aside .syrb-help { font-size: 15px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-quiet-button,
.syrb.syrb-v4 .syrb-remove { font-size: 16px; line-height: 1.5; min-height: 48px; }
.syrb.syrb-v4 .syrb-project-item { padding: 24px; margin-block: 24px; }
.syrb.syrb-v4 .syrb-project-item legend { font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; padding-inline: 10px; }
.syrb.syrb-v4 .syrb-quote-page label,
.syrb.syrb-v4 .syrb-dimensions label { font-size: 16px; line-height: 1.5; gap: 9px; margin-bottom: 18px; }
.syrb.syrb-v4 .syrb-quote-page :where(input,select,textarea) { font-size: 18px; line-height: 1.5; min-height: 52px; padding: 13px 14px; border-color: #80968b; }
.syrb.syrb-v4 .syrb-dimensions { gap: 14px; }
.syrb.syrb-v4 .syrb-two-fields { gap: 20px; }
.syrb.syrb-v4 .syrb-empty { padding: 28px; }
.syrb.syrb-v4 .syrb-empty p { font-size: 17px; }
.syrb.syrb-v4 .syrb-import { padding: 24px; }
.syrb.syrb-v4 .syrb-import summary { font-size: 18px; line-height: 1.5; }
.syrb.syrb-v4 .syrb-import p,
.syrb.syrb-v4 .syrb-import > a { font-size: 16px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-import input[type=file] { font-size: 16px; padding: 12px; }
.syrb.syrb-v4 .syrb-summary-details summary { font-size: 16px; min-height: 48px; }
.syrb.syrb-v4 .syrb-quote-aside { padding: 30px; border-top-width: 2px; }
.syrb.syrb-v4 .syrb-quote-aside h2 { font-size: 32px; }
.syrb.syrb-v4 #summary-materials > p { font-size: 16px; line-height: 1.6; padding-block: 12px; }
.syrb.syrb-v4 .syrb-human-help { font-size: 16px; line-height: 1.6; }
.syrb.syrb-v4 .syrb-human-help a:last-child { font-size: 16px; }
.syrb.syrb-v4 .syrb-connected-form p { font-size: 17px; }
.syrb.syrb-v4 .syrb-toast { font-size: 16px; line-height: 1.5; }

.syrb.syrb-v4 .syrb-footer { padding: 56px 0 30px; }
.syrb.syrb-v4 .syrb-footer-top { gap: 40px; padding-bottom: 36px; }
.syrb.syrb-v4 .syrb-footer-top > p { font-size: 28px; line-height: 1.25; }
.syrb.syrb-v4 .syrb-footer-top nav { font-size: 16px; line-height: 1.5; gap: 6px; }
.syrb.syrb-v4 .syrb-footer-top nav a { padding-block: 7px; }
.syrb.syrb-v4 .syrb-footer-bottom,
.syrb.syrb-v4 .syrb-footer-bottom p { font-size: 14px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-footer-bottom { gap: 12px 26px; }
.syrb.syrb-v4 .syrb-motion-control { font-size: 16px; min-height: 48px; }

@media (max-width:1250px) {
  .syrb.syrb-v4 .syrb-wrap { width: calc(100% - 64px); }
  .syrb.syrb-v4 .syrb-navigation { min-height: 88px; gap: 18px; }
  .syrb.syrb-v4 .syrb-nav { gap: 0; font-size: 17px; }
  .syrb.syrb-v4 .syrb-nav-group summary { font-size: 17px; min-height: 56px; }
  .syrb.syrb-v4 .syrb-nav-group > div { min-width: 0; box-shadow: none; }
  .syrb.syrb-v4 .syrb-nav.is-open { max-height: calc(100svh - 145px); }
  .syrb.syrb-v4 .syrb-nav .syrb-button { align-self: flex-start; margin-top: 18px; }
  .syrb.syrb-v4 .syrb-cinema-inner { min-height: 630px; padding-top: 62px; }
  .syrb.syrb-v4 .syrb-cinema h1 { font-size: 64px; }
  .syrb.syrb-v4 .syrb-range-strip > a { padding: 20px; font-size: 16px; }
  .syrb.syrb-v4 .syrb-categories { gap: 24px; }
  .syrb.syrb-v4 .syrb-craft .syrb-split,
  .syrb.syrb-v4 .syrb-story-heading,
  .syrb.syrb-v4 .syrb-product-hero,
  .syrb.syrb-v4 .syrb-detail-layout { gap: 44px; }
  .syrb.syrb-v4 .syrb-product-hero h1 { font-size: 48px; }
  .syrb.syrb-v4 .syrb-quote-layout { gap: 30px; }
  .syrb.syrb-v4 .syrb-quote-aside { padding: 26px; }
}
@media (max-width:1000px) {
  .syrb.syrb-v4 .syrb-categories { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 26px; }
  .syrb.syrb-v4 .syrb-category .syrb-card-image { aspect-ratio: 4/3; }
  .syrb.syrb-v4 .syrb-enquiry { gap: 48px; }
  .syrb.syrb-v4 .syrb-comparison { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .syrb.syrb-v4 .syrb-quote-layout { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-quote-aside { order: -1; }
  .syrb.syrb-v4 .syrb-quote-aside #summary-materials { display: none; }
}
@media (max-width:760px) {
  .syrb.syrb-v4 { font-size: 18px; }
  .syrb.syrb-v4 .syrb-wrap { width: calc(100% - 40px); }
  .syrb.syrb-v4 h2 { font-size: 34px; }
  .syrb.syrb-v4 .syrb-section { padding-block: 46px; }
  .syrb.syrb-v4 .syrb-section-heading { display: block; margin-bottom: 28px; }
  .syrb.syrb-v4 .syrb-section-heading > p { font-size: 18px; margin-top: 16px; max-width: none; }
  .syrb.syrb-v4 .syrb-eyebrow { margin-bottom: 14px; }
  .syrb.syrb-v4 .syrb-utility > .syrb-wrap { min-height: 42px; }
  .syrb.syrb-v4 .syrb-utility .syrb-wrap > div { gap: 14px; font-size: 14px; flex-wrap: nowrap; }
  .syrb.syrb-v4 .syrb-utility a { padding-block: 10px; }
  .syrb.syrb-v4 .syrb-navigation { min-height: 82px; padding-block: 14px; gap: 16px; }
  .syrb.syrb-v4 .syrb-mark { width: 42px; height: 42px; }
  .syrb.syrb-v4 .syrb-wordmark { width: 94px; height: 40px; }
  .syrb.syrb-v4 .syrb-brand { gap: 10px; }
  .syrb.syrb-v4 .syrb-menu-button { padding-inline: 13px; gap: 12px; }
  .syrb.syrb-v4 .syrb-nav { font-size: 17px; }
  .syrb.syrb-v4 .syrb-nav-group a { font-size: 16px; }
  .syrb.syrb-v4 [id] { scroll-margin-top: calc(104px + var(--syrb-admin-offset)); }
  .syrb.syrb-v4 .syrb-breadcrumb { font-size: 14px; gap: 8px; padding-block: 20px 16px; }
  .syrb.syrb-v4 .syrb-cinema-inner { min-height: 0; padding-top: 46px; gap: 32px; }
  .syrb.syrb-v4 .syrb-cinema h1 { font-size: 44px; line-height: 1.08; letter-spacing: -.02em; text-wrap: balance; }
  .syrb.syrb-v4 .syrb-cinema .syrb-eyebrow { font-size: 14px; line-height: 1.5; letter-spacing: .035em; margin-bottom: 22px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-intro { font-size: 18px; line-height: 1.65; margin-top: 24px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-actions { gap: 14px 22px; margin-top: 26px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-actions .syrb-button { font-size: 16px; padding: 14px 19px; gap: 22px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-text-link { font-size: 16px; gap: 16px; }
  .syrb.syrb-v4 .syrb-cinema-caption { min-height: 0; padding-block: 20px 42px; gap: 16px; align-items: center; }
  .syrb.syrb-v4 .syrb-cinema-caption p { font-size: 14px; max-width: none; flex: 1; gap: 6px; }
  .syrb.syrb-v4 .syrb-cinema-caption p > span:last-child { font-size: 14px; padding-left: 0; }
  .syrb.syrb-v4 .syrb-film-toggle { font-size: 16px; min-width: 116px; min-height: 48px; padding: 11px 13px; }
  .syrb.syrb-v4 .syrb-range-strip { margin-top: -22px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .syrb.syrb-v4 .syrb-range-strip > a { font-size: 16px; line-height: 1.4; padding: 17px 16px; min-height: 76px; gap: 10px; }
  .syrb.syrb-v4 .syrb-range-strip > a > span:last-child { font-size: 20px; flex-shrink: 0; }
  .syrb.syrb-v4 .syrb-materials { padding-top: 44px; }
  .syrb.syrb-v4 .syrb-categories { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
  .syrb.syrb-v4 .syrb-category .syrb-card-image { margin-bottom: 18px; }
  .syrb.syrb-v4 .syrb-category h3 { font-size: 27px; line-height: 1.2; }
  .syrb.syrb-v4 .syrb-category p { font-size: 17px; }
  .syrb.syrb-v4 .syrb-category .syrb-card-link { font-size: 16px; min-height: 48px; }
  .syrb.syrb-v4 .syrb-range-help { margin-top: 26px; }
  .syrb.syrb-v4 .syrb-range-help .syrb-text-link { margin-top: 12px; }
  .syrb.syrb-v4 .syrb-craft { padding-block: 48px; }
  .syrb.syrb-v4 .syrb-craft .syrb-split { grid-template-columns: 1fr; gap: 32px; }
  .syrb.syrb-v4 .syrb-craft-main { aspect-ratio: 4/3; }
  .syrb.syrb-v4 .syrb-craft-main figcaption { font-size: 14px; padding: 48px 18px 18px; }
  .syrb.syrb-v4 .syrb-feature-copy h2 { font-size: 36px; }
  .syrb.syrb-v4 .syrb-feature-copy > p:not(.syrb-eyebrow),
  .syrb.syrb-v4 .syrb-craft .syrb-feature-copy > p:not(.syrb-eyebrow) { font-size: 18px; line-height: 1.7; }
  .syrb.syrb-v4 .syrb-applications { grid-template-columns: 1fr; gap: 34px; }
  .syrb.syrb-v4 .syrb-application h3 { font-size: 32px; }
  .syrb.syrb-v4 .syrb-finder { padding-block: 46px; }
  .syrb.syrb-v4 .syrb-finder-choices { grid-template-columns: 1fr 1fr; gap: 12px; }
  .syrb.syrb-v4 .syrb-finder-choices button { font-size: 16px; min-height: 70px; padding: 15px; gap: 12px; }
  .syrb.syrb-v4 .syrb-finder-result { grid-template-columns: 1fr; gap: 20px; }
  .syrb.syrb-v4 .syrb-finder-result h3 { font-size: 28px; }
  .syrb.syrb-v4 .syrb-finder-result p { font-size: 18px; }
  .syrb.syrb-v4 .syrb-home-story { padding-block: 48px; }
  .syrb.syrb-v4 .syrb-story-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 30px; }
  .syrb.syrb-v4 .syrb-story-heading h2 { font-size: 36px; }
  .syrb.syrb-v4 .syrb-place-grid { grid-template-columns: 1fr; gap: 28px; }
  .syrb.syrb-v4 .syrb-place-yard > img { aspect-ratio: 4/3; }
  .syrb.syrb-v4 .syrb-place-yard figcaption { gap: 4px; }
  .syrb.syrb-v4 .syrb-place-office > img { aspect-ratio: 3/2; }
  .syrb.syrb-v4 .syrb-place-office > span { padding: 24px; }
  .syrb.syrb-v4 .syrb-sourcing-link { gap: 20px; align-items: center; margin-top: 30px; padding-top: 28px; }
  .syrb.syrb-v4 .syrb-sourcing-link strong { font-size: 28px; }
  .syrb.syrb-v4 .syrb-sourcing-photo { flex-basis: 88px; height: 112px; }
  .syrb.syrb-v4 .syrb-sourcing-link > span:nth-child(2) > span:last-child { font-size: 17px; line-height: 1.6; }
  .syrb.syrb-v4 .syrb-enquiry { grid-template-columns: 1fr; gap: 32px; padding-block: 48px; }
  .syrb.syrb-v4 .syrb-enquiry h2 { font-size: 40px; }
  .syrb.syrb-v4 .syrb-contact-card { padding: 28px 0 0; border-left: 0; border-top: 1px solid #cbd2c8; }
  .syrb.syrb-v4 .syrb-contact-phone { font-size: 36px; }
  .syrb.syrb-v4 .syrb-contact-email { font-size: 18px; }
  .syrb.syrb-v4 .syrb-product-hero { grid-template-columns: 1fr; gap: 28px; padding-top: 10px; padding-bottom: 32px; }
  .syrb.syrb-v4 .syrb-product-hero h1 { font-size: 40px; max-width: none; }
  .syrb.syrb-v4 .syrb-product-hero .syrb-intro { font-size: 18px; line-height: 1.65; }
  .syrb.syrb-v4 .syrb-product-hero + .syrb-section { padding-top: 14px; }
  .syrb.syrb-v4 .syrb-product-grid { grid-template-columns: 1fr; gap: 34px; }
  .syrb.syrb-v4 .syrb-product-card h3 { font-size: 28px; }
  .syrb.syrb-v4 .syrb-product-card p:not(.syrb-eyebrow) { font-size: 18px; }
  .syrb.syrb-v4 .syrb-product-details { padding-block: 46px; }
  .syrb.syrb-v4 .syrb-detail-layout { grid-template-columns: 1fr; gap: 32px; }
  .syrb.syrb-v4 .syrb-detail-section h2 { font-size: 30px; }
  .syrb.syrb-v4 .syrb-spec-card { padding: 26px; }
  .syrb.syrb-v4 .syrb-comparison { grid-template-columns: 1fr; gap: 18px; }
  .syrb.syrb-v4 .syrb-faq { grid-template-columns: 1fr; gap: 22px; }
  .syrb.syrb-v4 .syrb-page-cta { padding-block: 44px; }
  .syrb.syrb-v4 .syrb-page-cta h2 { font-size: 34px; }
  .syrb.syrb-v4 .syrb-profile-layout { grid-template-columns: 1fr; gap: 28px; }
  .syrb.syrb-v4 .syrb-profile-art { height: 300px; }
  .syrb.syrb-v4 .syrb-quote-heading { padding-block: 34px; }
  .syrb.syrb-v4 .syrb-quote-heading h1 { font-size: 42px; }
  .syrb.syrb-v4 .syrb-quote-heading > p:not(.syrb-eyebrow) { font-size: 18px; }
  .syrb.syrb-v4 .syrb-quote-paths { gap: 6px; margin-top: 22px; }
  .syrb.syrb-v4 .syrb-quote-paths a { width: 100%; font-size: 16px; }
  .syrb.syrb-v4 .syrb-quote-layout { gap: 26px; padding-bottom: 46px; }
  .syrb.syrb-v4 .syrb-quote-section { padding-top: 24px; }
  .syrb.syrb-v4 .syrb-quote-section h2 { font-size: 30px; }
  .syrb.syrb-v4 .syrb-quote-section-head { align-items: start; flex-wrap: wrap; gap: 12px; }
  .syrb.syrb-v4 .syrb-project-item { padding: 18px; }
  .syrb.syrb-v4 .syrb-item-top { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-dimensions { grid-template-columns: 1fr 1fr; gap: 12px; }
  .syrb.syrb-v4 .syrb-dimensions label:last-child { grid-column: 1/-1; }
  .syrb.syrb-v4 .syrb-project-item .syrb-two-fields { gap: 14px; }
  .syrb.syrb-v4 .syrb-import { padding: 20px; }
  .syrb.syrb-v4 .syrb-quote-aside { padding: 24px; }
  .syrb.syrb-v4 .syrb-human-help { display: none; }
  .syrb.syrb-v4 .syrb-quote-actions { gap: 12px; }
  .syrb.syrb-v4 .syrb-quote-actions .syrb-button { flex-grow: 1; justify-content: center; font-size: 16px; }
  .syrb.syrb-v4 .syrb-toast { font-size: 15px; padding: 16px 18px; }
  .syrb.syrb-v4 .syrb-footer { padding-top: 42px; }
  .syrb.syrb-v4 .syrb-footer-top { grid-template-columns: 1fr 1fr; gap: 28px; padding-bottom: 30px; }
  .syrb.syrb-v4 .syrb-footer-top > p { font-size: 26px; }
  .syrb.syrb-v4 .syrb-footer-top nav { font-size: 16px; gap: 8px 24px; }
  .syrb.syrb-v4 .syrb-footer-bottom { font-size: 14px; gap: 12px 22px; }
}
@media (max-width:520px) {
  .syrb.syrb-v4 .syrb-categories { grid-template-columns: 1fr; gap: 32px; }
  .syrb.syrb-v4 .syrb-category .syrb-card-image { aspect-ratio: 3/2; }
  .syrb.syrb-v4 .syrb-category h3 { font-size: 28px; }
  .syrb.syrb-v4 .syrb-category p { font-size: 18px; }
  .syrb.syrb-v4 .syrb-sourcing-photo { display: none; }
  .syrb.syrb-v4 .syrb-sourcing-link > span:last-child { flex-shrink: 0; }
  .syrb.syrb-v4 .syrb-two-fields { grid-template-columns: 1fr; }
}
@media (max-width:380px) {
  .syrb.syrb-v4 .syrb-wrap { width: calc(100% - 32px); }
  .syrb.syrb-v4 .syrb-utility .syrb-wrap > div { font-size: 14px; gap: 10px; }
  .syrb.syrb-v4 .syrb-mark { width: 36px; height: 36px; }
  .syrb.syrb-v4 .syrb-wordmark { width: 84px; height: 36px; }
  .syrb.syrb-v4 .syrb-brand { gap: 8px; }
  .syrb.syrb-v4 .syrb-menu-button { padding-inline: 12px; }
  .syrb.syrb-v4 .syrb-cinema-inner { padding-top: 38px; }
  .syrb.syrb-v4 .syrb-cinema h1 { font-size: 40px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-actions { gap: 12px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-actions .syrb-button { width: 100%; }
  .syrb.syrb-v4 .syrb-cinema-caption { flex-wrap: wrap; }
  .syrb.syrb-v4 .syrb-cinema-caption p { flex-basis: 100%; }
  .syrb.syrb-v4 .syrb-range-strip > a { font-size: 16px; padding: 16px 12px; gap: 8px; min-height: 82px; }
  .syrb.syrb-v4 .syrb-finder-choices { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-finder-choices button { font-size: 16px; }
  .syrb.syrb-v4 .syrb-product-hero h1 { font-size: 38px; }
  .syrb.syrb-v4 .syrb-quote-heading h1 { font-size: 40px; }
  .syrb.syrb-v4 .syrb-dimensions { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-dimensions label:last-child { grid-column: auto; }
  .syrb.syrb-v4 .syrb-footer-top { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-footer-top > p { justify-self: start; }
}
@media (prefers-reduced-motion:reduce) {
  .syrb.syrb-v4 .syrb-reveal-pending { opacity: 1; transform: none; }
}
@media print {
  .syrb.syrb-v4 .syrb-header { position: static; }
  .syrb.syrb-v4 .syrb-section { padding-block: 24px; }
  .syrb.syrb-v4 .syrb-cinema-inner { min-height: 0; padding-block: 24px; }
}

/* The full catalogue and company pages remain within easy reach. */
.syrb.syrb-v4 .syrb-footer-grid {
  display: grid; grid-template-columns: 1.05fr 1fr 1.05fr 1.2fr;
  gap: 40px; padding-bottom: 44px; align-items: start;
}
.syrb.syrb-v4 .syrb-footer-grid h2 {
  font: 600 17px/1.5 Inter,Arial,sans-serif; letter-spacing: 0;
  color: var(--ivory); margin: 0 0 18px;
}
.syrb.syrb-v4 .syrb-footer-grid nav { display: flex; flex-direction: column; align-items: flex-start; }
.syrb.syrb-v4 .syrb-footer-grid nav > a {
  font-size: 16px; line-height: 1.5; padding-block: 7px;
  color: #eef2e9; text-decoration: none;
}
.syrb.syrb-v4 .syrb-footer-grid a:hover { text-decoration: underline; text-underline-offset: 5px; }
.syrb.syrb-v4 .syrb-footer-brand > a:first-child { display: inline-flex; padding-bottom: 6px; }
.syrb.syrb-v4 .syrb-footer-brand > p { font-size: 17px; line-height: 1.6; color: #e0e8dc; margin-block: 24px 16px; }
.syrb.syrb-v4 .syrb-footer-brand .syrb-text-link { margin-top: 6px; }
.syrb.syrb-v4 .syrb-footer-contact > a:not(.syrb-text-link) {
  display: block; width: fit-content; font-size: 17px; line-height: 1.5;
  padding-block: 7px; overflow-wrap: anywhere;
}
.syrb.syrb-v4 .syrb-footer-contact > a[href^="tel:"] { font-size: 24px; line-height: 1.4; letter-spacing: -.02em; }
.syrb.syrb-v4 .syrb-footer-contact > p { font-size: 16px; line-height: 1.7; margin-block: 18px 12px; color: #e0e8dc; }
.syrb.syrb-v4 .syrb-footer-bottom > a { font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; }
.syrb.syrb-v4 .syrb-footer-bottom p { max-width: 570px; }
@media (max-width:1100px) {
  .syrb.syrb-v4 .syrb-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 48px; }
}
@media (max-width:600px) {
  .syrb.syrb-v4 .syrb-footer-grid { grid-template-columns: 1fr; gap: 32px; padding-bottom: 32px; }
  .syrb.syrb-v4 .syrb-footer-grid h2 { margin-bottom: 12px; }
  .syrb.syrb-v4 .syrb-footer-brand > p { margin-block: 18px 10px; }
  .syrb.syrb-v4 .syrb-footer-grid nav { padding-top: 26px; border-top: 1px solid #45675b; }
  .syrb.syrb-v4 .syrb-footer-contact { padding-top: 26px; border-top: 1px solid #45675b; }
}

/* Species, company information and the retained news archive. */
.syrb.syrb-v4 .syrb-content-page { padding-bottom: 24px; }
.syrb.syrb-v4 .syrb-content-heading { padding-block: 22px 36px; }
.syrb.syrb-v4 .syrb-content-heading h1 { max-width: 940px; font-size: 56px; line-height: 1.12; }
.syrb.syrb-v4 .syrb-content-heading .syrb-intro { max-width: 760px; }
.syrb.syrb-v4 .syrb-content-heading + .syrb-section { padding-top: 28px; }
.syrb.syrb-v4 .syrb-content-heading-with-image {
  display: grid; grid-template-columns: 1.08fr 1fr; gap: 64px; align-items: center;
}
.syrb.syrb-v4 .syrb-content-heading-with-image > figure { background: #e5e4dc; }
.syrb.syrb-v4 .syrb-content-heading-with-image > figure img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.syrb.syrb-v4 .syrb-content-heading .syrb-article-date { margin-top: 24px; font-size: 16px; color: var(--muted); }
.syrb.syrb-v4 .syrb-content-heading .syrb-archive-note { margin-top: 18px; font-size: 16px; line-height: 1.65; color: var(--muted); }
.syrb.syrb-v4 .syrb-kind-article .syrb-content-heading h1 { font-size: 46px; }
.syrb.syrb-v4 .syrb-kind-article .syrb-content-heading-with-image { align-items: start; }
.syrb.syrb-v4 .syrb-editorial { max-width: 800px; font-size: 18px; line-height: 1.75; }
.syrb.syrb-v4 .syrb-editorial > p { font-size: 18px; line-height: 1.75; margin-block: 0 24px; }
.syrb.syrb-v4 .syrb-editorial > h2 { font-size: 36px; line-height: 1.2; margin-block: 44px 20px; }
.syrb.syrb-v4 .syrb-editorial > h3 { font-size: 28px; line-height: 1.25; margin-block: 32px 16px; }
.syrb.syrb-v4 .syrb-editorial > :first-child { margin-top: 0; }
.syrb.syrb-v4 .syrb-editorial > :last-child { margin-bottom: 0; }
.syrb.syrb-v4 .syrb-editorial > ul { padding-left: 24px; margin-block: 22px 28px; }
.syrb.syrb-v4 .syrb-editorial > ul > li { font-size: 18px; line-height: 1.7; padding-left: 4px; margin-bottom: 10px; }
.syrb.syrb-v4 .syrb-editorial > p a,
.syrb.syrb-v4 .syrb-editorial > ul a:not(.syrb-text-link) { text-decoration: underline; text-underline-offset: 4px; }
.syrb.syrb-v4 .syrb-editorial-image { margin-block: 36px; }
.syrb.syrb-v4 .syrb-editorial-image img { width: 100%; height: auto; }
.syrb.syrb-v4 .syrb-editorial-image figcaption { font-size: 14px; line-height: 1.6; color: var(--muted); padding-top: 14px; }
.syrb.syrb-v4 .syrb-editorial .syrb-editorial-links { list-style: none; padding: 0; margin-block: 28px; border-top: 1px solid #cbd2c8; }
.syrb.syrb-v4 .syrb-editorial-links > li { margin: 0; padding: 0; border-bottom: 1px solid #cbd2c8; }
.syrb.syrb-v4 .syrb-editorial-links .syrb-text-link { width: 100%; min-height: 64px; justify-content: space-between; border: 0; padding-block: 16px; font-size: 18px; }
.syrb.syrb-v4 .syrb-policy { max-width: 850px; overflow-wrap: anywhere; }
.syrb.syrb-v4 .syrb-policy-lines { white-space: normal; }
.syrb.syrb-v4 .syrb-article-back { padding-top: 0; }
.syrb.syrb-v4 .syrb-editor-content { max-width: 900px; font-size: 18px; }
.syrb.syrb-v4 .syrb-editor-content > * + * { margin-top: 24px; }

/* Material samples and useful specifications, without ornamental cards. */
.syrb.syrb-v4 .syrb-species-hero { grid-template-columns: 1.08fr 1fr; }
.syrb.syrb-v4 .syrb-species-sample { align-self: center; }
.syrb.syrb-v4 .syrb-species-sample img { width: 100%; aspect-ratio: 3/2; object-fit: cover; background: #e5e4dc; }
.syrb.syrb-v4 .syrb-species-sample figcaption { font-size: 14px; line-height: 1.5; color: var(--muted); padding-top: 14px; }
.syrb.syrb-v4 .syrb-species-details { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.8fr); gap: 64px; align-items: start; }
.syrb.syrb-v4 .syrb-species-details .syrb-spec-card h2 { font-size: 30px; line-height: 1.2; }
.syrb.syrb-v4 .syrb-species-details .syrb-spec-card p { margin-block: 20px 24px; font-size: 18px; line-height: 1.65; }
.syrb.syrb-v4 .syrb-species-details .syrb-spec-card .syrb-button { width: 100%; }
.syrb.syrb-v4 .syrb-specifications { margin: 24px 0 30px; border-top: 1px solid #bdcabc; }
.syrb.syrb-v4 .syrb-specifications > div { display: grid; grid-template-columns: minmax(140px,.65fr) minmax(0,1.55fr); gap: 24px; padding-block: 17px; border-bottom: 1px solid #cbd2c8; }
.syrb.syrb-v4 .syrb-specifications dt { font-size: 16px; line-height: 1.65; font-weight: 600; color: var(--forest); }
.syrb.syrb-v4 .syrb-specifications dd { margin: 0; font-size: 18px; line-height: 1.65; overflow-wrap: anywhere; }
.syrb.syrb-v4 .syrb-downloads { margin-block: 28px; }
.syrb.syrb-v4 .syrb-downloads .syrb-text-link { gap: 20px; padding-block: 12px; }
.syrb.syrb-v4 .syrb-editorial > .syrb-small-note { font-size: 15px; line-height: 1.65; max-width: none; margin-top: 24px; }
.syrb.syrb-v4 .syrb-species-details + .syrb-section { padding-top: 24px; }

/* Search and filters appear only when their JavaScript is ready. */
.syrb.syrb-v4 .syrb-directory-tools { margin-bottom: 32px; border-bottom: 1px solid #c7d0c3; padding-bottom: 26px; }
.syrb.syrb-v4 .syrb-directory-search { max-width: 650px; }
.syrb.syrb-v4 .syrb-directory-search label { display: block; font-size: 17px; font-weight: 500; line-height: 1.5; margin-bottom: 10px; }
.syrb.syrb-v4 .syrb-search-field { display: flex; align-items: stretch; gap: 10px; }
.syrb.syrb-v4 .syrb-search-field input {
  display: block; width: 100%; min-width: 0; min-height: 56px; border: 1px solid #80968b;
  border-radius: 0; padding: 14px 16px; font: 400 18px/1.5 Inter,Arial,sans-serif;
  color: var(--ink); background: #fff;
}
.syrb.syrb-v4 .syrb-search-field input::placeholder { color: #526359; opacity: 1; }
.syrb.syrb-v4 .syrb-search-field button {
  flex-shrink: 0; padding: 12px 20px; min-height: 52px; border: 1px solid #80968b;
  background: transparent; color: var(--forest); font-size: 16px; cursor: pointer;
}
.syrb.syrb-v4 .syrb-search-field button:hover { background: var(--sage); }
.syrb.syrb-v4 .syrb-directory-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.syrb.syrb-v4 .syrb-directory-filters button {
  min-height: 48px; border: 1px solid #9caf9e; border-radius: 0; background: transparent;
  padding: 11px 17px; color: var(--forest); font-size: 16px; line-height: 1.5; cursor: pointer;
}
.syrb.syrb-v4 .syrb-directory-filters button:hover { background: var(--sage); }
.syrb.syrb-v4 .syrb-directory-filters button[aria-pressed=true] { background: var(--forest); color: #fff; border-color: var(--forest); }
.syrb.syrb-v4 .syrb-directory-count { margin-top: 18px; font-size: 15px; line-height: 1.6; color: var(--muted); }
.syrb.syrb-v4 .syrb-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 30px; }
.syrb.syrb-v4 .syrb-directory-card { min-width: 0; border-bottom: 1px solid #c7d0c3; padding-bottom: 24px; }
.syrb.syrb-v4 .syrb-directory-image { display: block; aspect-ratio: 3/2; overflow: hidden; background: #e5e4dc; margin-bottom: 22px; }
.syrb.syrb-v4 .syrb-directory-image img { width: 100%; height: 100%; object-fit: cover; }
.syrb.syrb-v4 .syrb-directory-card-body .syrb-eyebrow { font-size: 14px; line-height: 1.5; color: var(--muted); margin-bottom: 12px; }
.syrb.syrb-v4 .syrb-directory-card h3 { font-size: 27px; line-height: 1.25; letter-spacing: -.015em; text-wrap: auto; }
.syrb.syrb-v4 .syrb-directory-card h3 > a { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding-block: 4px; }
.syrb.syrb-v4 .syrb-directory-card h3 > a > span { font-family: Inter,Arial,sans-serif; font-size: 24px; line-height: 1.4; flex-shrink: 0; }
.syrb.syrb-v4 .syrb-directory-card h3 > a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.syrb.syrb-v4 .syrb-directory-card-body > p:not(.syrb-eyebrow) { font-size: 17px; line-height: 1.65; color: var(--muted); margin-top: 12px; }
.syrb.syrb-v4 .syrb-directory-empty { font-size: 18px; padding-block: 28px; }
.syrb.syrb-v4 .syrb-directory-news .syrb-directory-image { aspect-ratio: 4/3; }
.syrb.syrb-v4 .syrb-directory-news h3 { font-size: 26px; }
.syrb.syrb-v4 .syrb-directory-search.syrb-directory-grid { max-width: none; }
.syrb.syrb-v4 .syrb-kind-search .syrb-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.syrb.syrb-v4 .syrb-kind-search .syrb-directory-card { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 24px; align-items: start; }
.syrb.syrb-v4 .syrb-kind-search .syrb-directory-card:not(:has(.syrb-directory-image)) { grid-template-columns: 1fr; }
.syrb.syrb-v4 .syrb-kind-search .syrb-directory-image { aspect-ratio: 1; margin: 0; }
.syrb.syrb-v4 .syrb-kind-search .syrb-directory-card h3 { font-size: 26px; }

/* The company's history is a readable chronology, not a decorative carousel. */
.syrb.syrb-v4 .syrb-timeline-entry { display: grid; grid-template-columns: 110px 260px minmax(0,1fr); gap: 38px; align-items: start; padding-block: 38px; border-top: 1px solid #c7d0c3; }
.syrb.syrb-v4 .syrb-timeline-entry:last-child { border-bottom: 1px solid #c7d0c3; }
.syrb.syrb-v4 .syrb-timeline-year { font: 400 36px/1.2 'Source Serif 4',Georgia,serif; color: var(--forest); letter-spacing: -.02em; }
.syrb.syrb-v4 .syrb-timeline-entry > figure img { width: 100%; height: 300px; object-fit: contain; object-position: center top; background: #e5e4dc; }
.syrb.syrb-v4 .syrb-timeline-entry > div:last-child { max-width: 680px; }
.syrb.syrb-v4 .syrb-timeline-entry h2 { font-size: 34px; line-height: 1.2; }
.syrb.syrb-v4 .syrb-timeline-entry .syrb-eyebrow { margin-bottom: 12px; }
.syrb.syrb-v4 .syrb-timeline-entry p:not(.syrb-eyebrow) { font-size: 18px; line-height: 1.7; margin-top: 20px; }
.syrb.syrb-v4 .syrb-timeline-entry:not(:has(figure)) > div:last-child { grid-column: 2/-1; }
.syrb.syrb-v4 .syrb-timeline + .syrb-section { padding-top: 0; }

/* A visitor can call, find the yard or prepare an enquiry immediately. */
.syrb.syrb-v4 .syrb-contact-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: start; }
.syrb.syrb-v4 .syrb-contact-layout h2 { font-size: 32px; line-height: 1.2; margin-bottom: 20px; }
.syrb.syrb-v4 .syrb-contact-details .syrb-contact-phone { font-size: 40px; padding-block: 4px; }
.syrb.syrb-v4 .syrb-contact-details .syrb-contact-email { font-size: 20px; padding-block: 6px; }
.syrb.syrb-v4 .syrb-contact-details h2:not(:first-child) { margin-top: 42px; }
.syrb.syrb-v4 .syrb-contact-details p { font-size: 18px; line-height: 1.65; margin-bottom: 16px; }
.syrb.syrb-v4 .syrb-contact-details .syrb-button { margin-top: 16px; }
.syrb.syrb-v4 .syrb-contact-visit > figure { margin-bottom: 30px; }
.syrb.syrb-v4 .syrb-contact-visit > figure img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.syrb.syrb-v4 .syrb-contact-visit address { font-size: 20px; line-height: 1.65; font-style: normal; color: var(--forest); margin-bottom: 22px; }
.syrb.syrb-v4 .syrb-contact-visit p { font-size: 18px; line-height: 1.7; margin-bottom: 22px; }
.syrb.syrb-v4 .syrb-footer :where(a,button):focus-visible,
.syrb.syrb-v4 .syrb-cinema :where(a,button):focus-visible { outline-color: #e8ce96; }

@media (max-width:1100px) {
  .syrb.syrb-v4 .syrb-content-heading-with-image { gap: 40px; }
  .syrb.syrb-v4 .syrb-content-heading h1 { font-size: 48px; }
  .syrb.syrb-v4 .syrb-species-details { grid-template-columns: minmax(0,1.3fr) minmax(280px,.85fr); gap: 36px; }
  .syrb.syrb-v4 .syrb-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 26px; }
  .syrb.syrb-v4 .syrb-timeline-entry { grid-template-columns: 86px 200px minmax(0,1fr); gap: 26px; }
  .syrb.syrb-v4 .syrb-timeline-entry > figure img { height: 250px; }
  .syrb.syrb-v4 .syrb-contact-layout { gap: 48px; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-card { grid-template-columns: 110px minmax(0,1fr); gap: 20px; }
}
@media (max-width:850px) {
  .syrb.syrb-v4 .syrb-content-heading-with-image,
  .syrb.syrb-v4 .syrb-species-details,
  .syrb.syrb-v4 .syrb-contact-layout { grid-template-columns: 1fr; gap: 32px; }
  .syrb.syrb-v4 .syrb-species-details .syrb-spec-card { max-width: 650px; }
  .syrb.syrb-v4 .syrb-content-heading-with-image > figure { max-width: 720px; }
  .syrb.syrb-v4 .syrb-content-heading-with-image > figure img { aspect-ratio: 3/2; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-grid { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-card { grid-template-columns: 140px minmax(0,1fr); gap: 24px; }
  .syrb.syrb-v4 .syrb-contact-visit { border-top: 1px solid #c7d0c3; padding-top: 32px; }
  .syrb.syrb-v4 .syrb-timeline-entry { grid-template-columns: 190px minmax(0,1fr); gap: 24px 32px; }
  .syrb.syrb-v4 .syrb-timeline-year { grid-column: 1/-1; font-size: 34px; }
  .syrb.syrb-v4 .syrb-timeline-entry:not(:has(figure)) > div:last-child { grid-column: 1/-1; }
}
@media (max-width:760px) {
  .syrb.syrb-v4 .syrb-content-heading { padding-block: 10px 30px; }
  .syrb.syrb-v4 .syrb-content-heading h1,
  .syrb.syrb-v4 .syrb-kind-article .syrb-content-heading h1 { font-size: 40px; line-height: 1.15; }
  .syrb.syrb-v4 .syrb-content-heading + .syrb-section { padding-top: 16px; }
  .syrb.syrb-v4 .syrb-content-heading-with-image { gap: 28px; }
  .syrb.syrb-v4 .syrb-editorial > h2 { font-size: 31px; margin-top: 34px; }
  .syrb.syrb-v4 .syrb-editorial > h3 { font-size: 27px; }
  .syrb.syrb-v4 .syrb-editorial > :first-child { margin-top: 0; }
  .syrb.syrb-v4 .syrb-species-hero { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-species-details { gap: 28px; }
  .syrb.syrb-v4 .syrb-specifications > div { grid-template-columns: minmax(110px,.65fr) minmax(0,1.55fr); gap: 18px; }
  .syrb.syrb-v4 .syrb-directory-tools { margin-bottom: 28px; padding-bottom: 22px; }
  .syrb.syrb-v4 .syrb-directory-filters { gap: 10px; }
  .syrb.syrb-v4 .syrb-directory-filters button { padding-inline: 14px; }
  .syrb.syrb-v4 .syrb-directory-card h3 { font-size: 27px; }
  .syrb.syrb-v4 .syrb-directory-card-body > p:not(.syrb-eyebrow) { font-size: 18px; }
  .syrb.syrb-v4 .syrb-directory-image { margin-bottom: 18px; }
  .syrb.syrb-v4 .syrb-timeline-entry { padding-block: 30px; }
  .syrb.syrb-v4 .syrb-timeline-entry h2 { font-size: 30px; }
  .syrb.syrb-v4 .syrb-contact-layout h2 { font-size: 30px; }
  .syrb.syrb-v4 .syrb-contact-details .syrb-contact-phone { font-size: 36px; }
}
@media (max-width:600px) {
  .syrb.syrb-v4 .syrb-directory-grid { grid-template-columns: 1fr; gap: 32px; }
  .syrb.syrb-v4 .syrb-directory-card { padding-bottom: 22px; }
  .syrb.syrb-v4 .syrb-directory-image { aspect-ratio: 3/2; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-card { grid-template-columns: 90px minmax(0,1fr); gap: 18px; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-card h3 { font-size: 24px; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-card-body > p:not(.syrb-eyebrow) { font-size: 17px; }
  .syrb.syrb-v4 .syrb-timeline-entry { grid-template-columns: 1fr; gap: 22px; }
  .syrb.syrb-v4 .syrb-timeline-entry > figure { max-width: 340px; }
  .syrb.syrb-v4 .syrb-timeline-entry > figure img { height: auto; max-height: 380px; width: auto; max-width: 100%; }
  .syrb.syrb-v4 .syrb-timeline-entry > div:last-child { grid-column: 1/-1; }
  .syrb.syrb-v4 .syrb-specifications > div { grid-template-columns: 1fr; gap: 7px; padding-block: 16px; }
  .syrb.syrb-v4 .syrb-search-field button { padding-inline: 14px; }
}
@media (max-width:380px) {
  .syrb.syrb-v4 .syrb-content-heading h1,
  .syrb.syrb-v4 .syrb-kind-article .syrb-content-heading h1 { font-size: 37px; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-card { grid-template-columns: 1fr; }
  .syrb.syrb-v4 .syrb-kind-search .syrb-directory-image { width: 120px; }
  .syrb.syrb-v4 .syrb-search-field { flex-wrap: wrap; }
  .syrb.syrb-v4 .syrb-search-field button { min-height: 48px; }
}

.syrb.syrb-v4 .syrb-species-hero > div:only-child { grid-column: 1/-1; max-width: 800px; }

/* On tablets and phones the materials form comes before the summary. */
@media (max-width:1000px) { .syrb.syrb-v4 .syrb-quote-aside { order: 1; } }

/* v0.5 / pass 2: scannable detail pages without shrinking body copy. */
.syrb.syrb-v4 :where(.syrb-detail-section,.syrb-editorial,.syrb-editor-content) > p { max-width: 66ch; text-wrap: pretty; }
.syrb.syrb-v4 :where(.syrb-product-hero,.syrb-content-heading) .syrb-intro { max-width: 48ch; text-wrap: pretty; }
.syrb.syrb-v4 .syrb-specifications dt { font-weight: 500; }
.syrb.syrb-v4 .syrb-specifications > div:nth-child(even) { background: #00422504; }
.syrb.syrb-v4 .syrb-detail-section h2 { letter-spacing: -.025em; }

/* v0.5 / pass 1: editorial hierarchy, quieter film furniture. */
.syrb.syrb-v4 { -webkit-font-smoothing: antialiased; }
.syrb.syrb-v4 :where(h1,h2) { text-wrap: balance; font-kerning: normal; }
.syrb.syrb-v4 .syrb-cinema h1 { letter-spacing: -.035em; line-height: 1.04; text-wrap: initial; }
.syrb.syrb-v4 .syrb-cinema .syrb-intro { max-width: 470px; line-height: 1.55; margin-top: 24px; text-wrap: pretty; }
.syrb.syrb-v4 .syrb-cinema-inner { min-height: 610px; padding-top: 72px; gap: 44px; }
.syrb.syrb-v4 .syrb-cinema-caption { min-height: 76px; padding: 14px 0 38px; border-top-color: #ffffff30; }
.syrb.syrb-v4 .syrb-cinema-caption p { letter-spacing: .02em; color: #e2e7df; }
.syrb.syrb-v4 .syrb-film-toggle { border: 0; padding: 8px 0 8px 16px; min-width: 110px; background: transparent; }
.syrb.syrb-v4 .syrb-film-toggle:hover { color: #e8ce96; background: transparent; }
.syrb.syrb-v4 :where(.syrb-category,.syrb-product-card,.syrb-directory-card,.syrb-application) h3 {
  font-family: Inter,Arial,sans-serif; font-weight: 500; font-size: 24px; letter-spacing: -.035em; line-height: 1.3;
}
.syrb.syrb-v4 .syrb-navigation { min-height: 88px; }
.syrb.syrb-v4 .syrb-menu-button { border-color: transparent; padding-right: 0; }
@media (max-width:760px) {
  .syrb.syrb-v4 .syrb-cinema-inner { min-height: 0; padding-top: 42px; gap: 34px; }
  .syrb.syrb-v4 .syrb-cinema h1 { font-size: clamp(38px,9.8vw,58px); max-width: 600px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-eyebrow { margin-bottom: 20px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-intro { font-size: 18px; max-width: 360px; margin-top: 20px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-actions { gap: 16px 22px; margin-top: 26px; }
  .syrb.syrb-v4 .syrb-cinema-caption { padding-bottom: 34px; gap: 12px; }
  .syrb.syrb-v4 .syrb-cinema-caption p { font-size: 14px; }
  .syrb.syrb-v4 .syrb-navigation { min-height: 80px; }
}

/* v0.5 / pass 4: touch, focus and motion must survive the visual polish. */
.syrb.syrb-v4 .syrb-utility a { display: inline-flex; align-items: center; min-height: 44px; }
.syrb.syrb-v4 .syrb-header { top: calc(var(--syrb-admin-offset) - 44px); }
.syrb.syrb-v4 .syrb-utility > .syrb-wrap { min-height: 44px; }
.syrb.syrb-v4 .syrb-quote-page :where(input,select,textarea):focus-visible,
.syrb.syrb-v4 .syrb-search-field input:focus-visible { outline-offset: 2px; border-color: #004225; }
.syrb.syrb-v4 .syrb-film-toggle:focus-visible { outline-color: #e8ce96; outline-offset: 2px; }
.syrb.syrb-v4.is-motion-reduced :where(.syrb-directory-image,.syrb-category,.syrb-application):hover img { transform: none; }
@media (prefers-reduced-motion:reduce) {
  .syrb.syrb-v4 .syrb-directory-image:hover img { transform: none; }
}

/* v0.5 / pass 3: material-led finishing, not ornamental UI. */
.syrb.syrb-v4 .syrb-range-strip { border-top: 2px solid #b69a62; }
.syrb.syrb-v4 .syrb-range-strip > a { transition: background .2s ease, color .2s ease; }
.syrb.syrb-v4 .syrb-range-strip > a:hover { background: #e8ebdf; color: #102e24; }
.syrb.syrb-v4 :where(.syrb-category,.syrb-product-card,.syrb-directory-card) { border-bottom: 1px solid #c8cec2; }
.syrb.syrb-v4 :where(.syrb-category,.syrb-product-card,.syrb-directory-card) img { transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.syrb.syrb-v4 .syrb-category .syrb-card-link { display: flex; justify-content: space-between; width: 100%; border: 0; padding-top: 4px; }
.syrb.syrb-v4 .syrb-button { transition: background .2s ease, color .2s ease, border-color .2s ease; }
.syrb.syrb-v4 .syrb-faq details[open] { border-top-color: #9b7b42; }
.syrb.syrb-v4 .syrb-faq details[open] summary { color: #004225; }
.syrb.syrb-v4 :where(.syrb-directory-image,.syrb-card-image,.syrb-gallery figure) { overflow: hidden; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .syrb.syrb-v4 .syrb-category:hover img,
  .syrb.syrb-v4 .syrb-directory-image:hover img { transform: scale(1.025); }
}
@media (max-width:760px) {
  .syrb.syrb-v4 .syrb-cinema-caption p { flex-basis: auto; }
  .syrb.syrb-v4 .syrb-cinema-caption { flex-wrap: wrap; }
  .syrb.syrb-v4 .syrb-film-toggle { padding-left: 0; min-width: 100px; }
  .syrb.syrb-v4 .syrb-cinema .syrb-actions .syrb-button { width: 100%; justify-content: space-between; }
  .syrb.syrb-v4 .syrb-range-strip > a { min-height: 78px; font-size: 16px; padding: 18px 14px; }
}

/* v0.5 / pass 5: small-screen regression fixes after browser review. */
@media (max-width:380px) {
  .syrb.syrb-v4 .syrb-range-strip > a { padding-inline: 10px; gap: 6px; }
  .syrb.syrb-v4 .syrb-cinema-caption { gap: 4px 12px; }
}
.syrb.syrb-v4 .syrb-category h3,
.syrb.syrb-v4 .syrb-product-card h3,
.syrb.syrb-v4 .syrb-directory-card h3 { font-size: 24px; font-family: Inter,Arial,sans-serif; font-weight: 500; }