/* TimeRolling front-end refresh 04: isolated public presentation layer. */
/* Local Inter variable font includes the Latin and Cyrillic character sets used by both sites. */
@font-face { font-family:"Inter"; src:url("/static/fonts/InterVariable.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
:root {
  --tr-red:#e31b23;
  --tr-yellow:#ffc400;
  --tr-charcoal:rgb(74, 74, 74);
  --tr-gray:#f4f4f4;
  --tr-line:#e6e6e6;
  --tr-copy:rgb(74, 74, 74);
  --tr-font-sans:"Inter", Arial, Helvetica, "Microsoft YaHei", sans-serif;
  --tr-size-body:16px;
  --tr-size-card-copy:15px;
  --tr-size-nav:15px;
  --tr-size-button:14px;
  --tr-size-meta:13px;
  --tr-size-utility:12px;
  --tr-leading-body:1.7;
  --tr-leading-copy:1.6;
  --tr-leading-heading:1.25;
}
* { box-sizing:border-box; }
html, body { margin:0 !important; padding:0 !important; background:#fff; color:var(--tr-charcoal); font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.55; }
body { min-width:0; }
img { max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--tr-red); }
.tr-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
body > .tr-site-header { display:block; margin:0 !important; padding:0 !important; top:0 !important; }
#think_page_trace_tab, #think_page_trace_open { display:none !important; }
.tr-site-header { background:#fff; border-bottom:1px solid var(--tr-line); position:relative; z-index:5; }
.tr-utility { height:34px; background:#f3f3f3; color:#555; font-size:12px; }
.tr-utility .tr-shell { height:34px; display:flex; align-items:center; justify-content:flex-end; gap:11px; }
.tr-globe { font-size:15px; color:rgb(74, 74, 74); }
.tr-utility-separator { color:#aaa; }
.tr-main-nav { min-height:78px; display:flex; align-items:center; gap:16px; }
.tr-brand { width:192px; display:block; flex:0 0 auto; }
.tr-brand img { display:block; width:100%; height:46px; object-fit:contain; object-position:left center; }
.tr-nav { display:flex; align-self:stretch; align-items:center; justify-content:center; gap:28px; flex:1; }
.tr-nav a { height:78px; display:flex; align-items:center; position:relative; white-space:nowrap; font-size:14px; font-weight:600; color:rgb(74, 74, 74); }
.tr-nav a:hover { color:var(--tr-red); }
.tr-nav a.active { color:var(--tr-red) !important; }
.tr-nav a.active::after { content:""; display:block; position:absolute; height:4px; left:0; right:0; bottom:0; background:var(--tr-red); }
/* Keep previously generated static pages in sync with the revised navigation. */
.tr-nav a:nth-child(3)[href="/product/"] { display:none; }
.tr-nav a[href="/Time-Rolling/"] { font-size:0; }
.tr-nav a[href="/Time-Rolling/"]::before { content:"Who we are"; font-size:14px; }
.tr-quote, .tr-button { display:inline-flex; align-items:center; justify-content:center; border-radius:5px; letter-spacing:.01em; font-size:12px; font-weight:700; }
.tr-quote { background:var(--tr-yellow); color:rgb(74, 74, 74); padding:11px 14px; white-space:nowrap; }
.tr-quote:hover, .tr-button:hover { background:var(--tr-red); color:#fff; }
.tr-header-search { display:flex; align-items:center; justify-content:flex-end; height:32px; width:26px; margin:0 4px 0 0; background:transparent; overflow:hidden; transition:width .2s ease; }
.tr-header-search input[type="search"] { min-width:0; width:0; height:28px; border:0; border-bottom:1px solid transparent; outline:0; padding:0; background:transparent; color:rgb(74,74,74); font:400 12px/1 Arial,sans-serif; opacity:0; transition:width .2s ease, padding .2s ease, opacity .15s ease, border-color .2s ease; }
.tr-header-search input[type="search"]::placeholder { color:#777; }
.tr-header-search button { width:26px; height:30px; flex:0 0 26px; display:flex; align-items:center; justify-content:center; border:0; padding:0; background:transparent; color:rgb(74,74,74); cursor:pointer; line-height:1; }
.tr-search-icon { display:block; position:relative; width:12px; height:12px; border:1.5px solid currentColor; border-radius:50%; }
.tr-search-icon::after { content:""; position:absolute; width:6px; height:1.5px; right:-5px; bottom:-2px; border-radius:1px; background:currentColor; transform:rotate(45deg); transform-origin:left center; }
.tr-header-search:hover, .tr-header-search:focus-within, .tr-header-search.is-open { width:150px; }
.tr-header-search:hover input[type="search"], .tr-header-search:focus-within input[type="search"], .tr-header-search.is-open input[type="search"] { width:124px; padding:0 7px 0 0; border-bottom-color:#b8b8b8; opacity:1; }
.tr-header-search button:hover { color:var(--tr-red); }
.tr-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.tr-search-page { padding:50px 0 76px; color:rgb(74,74,74); }
.tr-search-crumb { margin:0 0 24px; font-size:13px; color:#777; }
.tr-search-crumb a { color:rgb(74,74,74); text-decoration:none; }
.tr-search-panel { padding:31px 34px; border-radius:6px; background:#f3f3f3; }
.tr-search-panel h1 { margin:0 0 19px; color:rgb(74,74,74); font-size:28px; line-height:1.2; }
.tr-search-form { display:flex; align-items:center; max-width:740px; }
.tr-search-form input[type="search"] { flex:1; min-width:0; height:44px; border:1px solid #cfcfcf; border-radius:4px 0 0 4px; padding:0 13px; color:rgb(74,74,74); font-size:14px; outline:0; }
.tr-search-form button { height:44px; border:0; border-radius:0 4px 4px 0; padding:0 22px; background:var(--tr-yellow); color:rgb(74,74,74); font-size:13px; font-weight:700; cursor:pointer; }
.tr-search-form button:hover { background:var(--tr-red); color:#fff; }
.tr-search-summary { margin:34px 0 17px; font-size:15px; font-weight:600; }
.tr-search-result { padding:24px 0; }
.tr-search-result-type { display:block; margin-bottom:6px; color:#777; font-size:12px; }
.tr-search-result h2 { margin:0 0 8px; font-size:20px; line-height:1.3; }
.tr-search-result h2 a, .tr-search-result-link { color:rgb(74,74,74); }
.tr-search-result h2 a:hover, .tr-search-result-link:hover { color:var(--tr-red); }
.tr-search-result p { max-width:900px; margin:0 0 9px; color:#666; line-height:1.7; }
.tr-search-result-link { font-size:13px; font-weight:600; text-decoration:none; }
.tr-search-empty { margin:34px 0; color:#666; line-height:1.7; }
.tr-search-pagination { margin-top:28px; }
.tr-search-pagination a, .tr-search-pagination span { display:inline-block; margin:0 6px 6px 0; padding:7px 10px; border:1px solid #ddd; color:rgb(74,74,74); text-decoration:none; }
.tr-home { overflow:hidden; color:rgb(74, 74, 74); }
.tr-hero { min-height:480px; background:linear-gradient(90deg, rgba(255,246,231,.76) 0%, rgba(255,246,231,.28) 50%, rgba(134,82,34,.10) 100%), url('/static/images/timerolling-refinery-hero-hd.png') center center/cover no-repeat; display:flex; align-items:center; }
.tr-hero-inner { display:flex; align-items:center; min-height:480px; }
.tr-hero-copy { max-width:530px; padding:46px 0; }
.tr-hero h1 { margin:0 0 18px; font-size:clamp(34px, 4vw, 54px); letter-spacing:-.04em; line-height:1.04; color:rgb(74, 74, 74); }
.tr-hero p { max-width:455px; margin:0 0 26px; color:rgb(74, 74, 74); font-size:16px; font-weight:500; }
.tr-button-yellow { min-width:124px; padding:12px 16px; background:var(--tr-yellow); color:rgb(74, 74, 74); }
.tr-section { padding:66px 0; }
.tr-section-heading { text-align:center; margin-bottom:30px; }
.tr-section-heading h2 { margin:0; font-size:29px; line-height:1.18; letter-spacing:-.03em; }
.tr-section-heading p { margin:7px auto 0; color:#666; font-size:14px; }
.tr-section-heading-left { text-align:left; }
.tr-business { background:#fff; }
.tr-business-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; }
.tr-business-carousel { width:100%; }
.tr-business-viewport { overflow:hidden; padding:2px 0 16px; margin:-2px 0 -16px; }
.tr-business-track { display:flex; gap:18px; will-change:transform; transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.tr-business-track .tr-business-card { flex:0 0 calc((100% - 54px) / 4); min-width:0; }
.tr-business-carousel-controls { display:flex; align-items:center; gap:20px; margin-top:31px; }
.tr-business-progress { flex:1; height:5px; overflow:hidden; background:#e8e8e8; }
.tr-business-progress span { display:block; width:25%; height:100%; background:var(--tr-yellow); transition:width .35s ease; }
.tr-business-actions { display:flex; gap:8px; }
.tr-business-control { width:46px; height:42px; border:0; border-radius:0; background:var(--tr-yellow); color:rgb(74, 74, 74); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font:700 23px/1 Arial, Helvetica, sans-serif; transition:background .2s ease, color .2s ease, opacity .2s ease; }
.tr-business-control:hover:not(:disabled), .tr-business-control:focus-visible:not(:disabled) { background:var(--tr-red); color:#fff; outline:0; }
.tr-business-control:disabled { cursor:default; opacity:.38; }
.tr-business-card, .tr-product-card, .tr-interest-grid article { background:#fff; border:1px solid var(--tr-line); border-radius:9px; overflow:hidden; box-shadow:0 5px 18px rgba(0,0,0,.04); position:relative; }
.tr-card-image { display:block; aspect-ratio:1.48; overflow:hidden; background:#e9e9e9; }
.tr-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.tr-business-card:hover img, .tr-product-card:hover img, .tr-interest-grid article:hover img { transform:scale(1.03); }
.tr-card-body { padding:18px 18px 38px; min-height:155px; }
.tr-card-body h3, .tr-product-card h3, .tr-interest-grid h3 { margin:0 0 8px; font-size:17px; line-height:1.25; }
.tr-card-body p, .tr-product-card p, .tr-interest-grid p { margin:0; color:#666; font-size:13px; }
.tr-card-arrow { position:absolute; right:17px; bottom:13px; color:var(--tr-red); font-size:24px; line-height:1; }
.tr-benefits { background:#f7f7f7; }
.tr-benefit-grid { display:grid; grid-template-columns:repeat(4, 1fr); }
.tr-benefit { min-height:112px; padding:25px 20px; display:flex; align-items:center; gap:14px; border-right:1px solid #dedede; }
.tr-benefit:last-child { border-right:0; }
.tr-benefit-icon { display:flex; flex:0 0 35px; width:35px; height:35px; color:#ff6259; line-height:1; }
.tr-benefit-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.tr-benefit strong, .tr-benefit small { display:block; }
.tr-benefit strong { font-size:14px; }
.tr-benefit small { color:#555; line-height:1.35; font-size:12px; margin-top:3px; min-height:2.7em; }
.tr-products { background:linear-gradient(180deg,#fafafa 0,#fff 100%); }
.tr-product-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; }
.tr-product-card { padding:14px 14px 18px; }
.tr-product-card > a { display:block; background:#fff; aspect-ratio:1.15; overflow:hidden; }
.tr-product-card img { display:block; width:100%; height:100%; object-fit:contain; }
.tr-product-card h3 { margin-top:13px; }
.tr-news { padding-top:52px; }
.tr-news-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; }
.tr-news-card { min-height:145px; background:#f5f5f5; border-radius:8px; padding:22px 19px; }
.tr-news-card h3 { margin:0 0 24px; font-size:15px; line-height:1.35; text-decoration:underline; }
.tr-news-card time { color:#666; font-size:12px; }
.tr-interest { padding-top:30px; padding-bottom:52px; }
.tr-interest-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:22px; padding-bottom:14px; }
.tr-interest-grid article img { display:block; width:100%; aspect-ratio:1.9; object-fit:cover; }
.tr-interest-grid h3, .tr-interest-grid p { margin-left:16px; margin-right:16px; }
.tr-interest-grid h3 { margin-top:13px; }
.tr-interest-grid p { margin-bottom:18px; }
.tr-site-footer { margin-top:58px; background:#fff; color:rgb(74, 74, 74); }
.tr-footer-grid { padding:45px 0 30px; display:grid; grid-template-columns:1.2fr 1.35fr 1fr; gap:50px; }
.tr-footer-grid > * + * { border-left:1px solid #dedede; padding-left:43px; }
.tr-footer-promise { font-size:17px; line-height:1.35; }
.tr-footer-promise strong { font-weight:700; }
.tr-footer-grid h2 { font-size:16px; margin:0 0 10px; }
.tr-footer-links a, .tr-footer-social a { display:block; color:rgb(74, 74, 74); font-size:12px; line-height:2.1; }
.tr-footer-social a { margin-bottom:4px; }
.tr-footer-social a.tr-vk-link { display:flex; align-items:center; gap:6px; }
.tr-vk-icon { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border:1px solid currentColor; border-radius:3px; font:700 7px/1 Arial, Helvetica, sans-serif; letter-spacing:-.05em; }
.tr-footer-copy { border-top:1px solid #e1e1e1; text-align:center; color:rgb(74, 74, 74); padding:13px 24px; font-size:12px; }
/* Existing content pages: keep every content element and link, improve reading width and hierarchy. */
.w { width:min(1180px, calc(100% - 48px)) !important; margin-left:auto !important; margin-right:auto !important; }
.w > .l1 { width:250px; margin:38px 34px 55px 0; background:#f5f5f5; border-radius:8px; padding:18px; }
.l1 .l2, .l1 .l3 { display:block; float:none; width:auto; min-height:0; background:none !important; padding:8px 4px !important; color:rgb(74, 74, 74); font-size:14px; line-height:1.3; }
.l1 .l2 { font-weight:700; }
.l1 .l3 { padding-left:13px !important; color:#5a5a5a; }
.s1 { width:calc(100% - 284px); margin:38px 0 55px; font-size:15px; }
.s1 img { max-width:100%; height:auto; }
.s1 > div:nth-child(2) { margin-bottom:22px; overflow:hidden; border-radius:8px; background:#f5f5f5; }
.s1 > div:nth-child(2) > img { display:block; width:100%; min-height:180px; max-height:325px; object-fit:cover; }
/* Contact banners are intentionally panoramic artwork; show their full canvas instead of cropping it to the generic page-image height. */
.s1 > div:nth-child(2) > img[src*="53c4b947757a2.jpg"],
.s1 > div:nth-child(2) > img[src*="53c645f7d636c.jpg"] { min-height:0; max-height:none; height:auto; object-fit:contain; }
.s1 > div.tr-contact-banner { position:relative; }
.s1 > div.tr-contact-banner::before { content:""; position:absolute; z-index:0; top:0; bottom:0; left:0; width:46%; pointer-events:none; background:rgba(255,255,255,.24); }
.tr-contact-banner-copy { position:absolute; z-index:1; top:calc(17% - 2px); left:calc(8% - 2px); display:flex; flex-direction:column; align-items:flex-start; color:rgb(74, 74, 74); }
.tr-contact-banner-copy strong { display:block; margin:0 0 16px; color:rgb(74, 74, 74); font-size:20px; font-weight:700; line-height:1.2; }
.tr-contact-banner-address { display:block; margin:0 0 21px; color:rgb(74, 74, 74); font-size:14px; line-height:1.5; }
.tr-contact-banner-copy a { display:inline-flex; align-items:center; justify-content:center; min-height:31px; padding:7px 14px; border-radius:5px; background:var(--tr-yellow); color:rgb(74, 74, 74); font-size:12px; font-weight:700; line-height:1; text-decoration:none; }
.tr-contact-banner-copy a:hover, .tr-contact-banner-copy a:focus { background:var(--tr-red); color:#fff !important; }
.s1 > div[style*="line-height: 40px"] { min-height:40px !important; margin:10px 0 0; padding:0 0 10px; }
.s1 > div[style*="line-height: 40px"] .s5 { display:inline-block; margin-top:4px; }
.s1 > div[style*="line-height: 40px"] + div:not([class]) { color:rgb(74, 74, 74); font-size:15px; line-height:1.75; }
.s1 h1 { color:rgb(74, 74, 74); font-size:21px; line-height:1.3; margin:28px 0 12px; }
.s1 h2 { color:rgb(74, 74, 74); font-size:19px; line-height:1.35; margin:24px 0 10px; }
.s1 p, .s1 li { color:rgb(74, 74, 74); font-size:15px; line-height:1.75; }
.s1 p img[align="right"], .s1 img[align="right"] { float:right; width:auto !important; max-width:42%; height:auto !important; margin:0 0 16px 24px; border-radius:6px; }
.s1 table { width:100% !important; max-width:100%; border-collapse:collapse; margin:20px 0; }
.s1 table td, .s1 table th { border-color:#dedede !important; color:rgb(74, 74, 74); padding:9px 11px; }
.mapbox { padding:12px 0 0; }
.tr-sitemap-title { color:rgb(74, 74, 74); font-size:24px; line-height:1.3; margin:0 0 22px; }
.mapbox ul, .mapbox li { margin:0; padding:0; list-style:none; }
.mapbox #nav_box { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 28px; }
.mapbox #nav_box > li { position:static; width:auto; float:none; color:rgb(74, 74, 74); font-size:16px; line-height:1.4; }
.mapbox #nav_box > li > a { display:block; float:none; padding:0 0 8px; color:rgb(74, 74, 74); }
.mapbox #nav_box li ul, .mapbox #nav_box li ul li, .mapbox #nav_box li ul li ul, .mapbox #nav_box li ul li ul li { position:static; display:block; width:auto; height:auto; float:none; background:transparent; padding:0; }
.mapbox #nav_box li ul li { font-size:13px; font-weight:400; line-height:1.5; padding:3px 0; }
.mapbox #nav_box li ul li a { display:block; float:none; padding:0; color:rgb(74, 74, 74); }
.tr-sitemap-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.tr-sitemap-column { min-width:0; }
.tr-sitemap-column h2 { margin:0 0 10px; font-size:15px; line-height:1.35; }
.tr-sitemap-column h2 a { color:rgb(74, 74, 74); }
.tr-sitemap-column ul { margin:0; padding:0; list-style:none; }
.tr-sitemap-column li { margin:0 0 7px; padding:0; list-style:none; font-size:13px; font-weight:400; line-height:1.45; }
.tr-sitemap-column li a { color:rgb(74, 74, 74); font-weight:400; }
.s1 [style*="color:#000000"], .s1 [style*="color: #000000"], .s1 [style*="color:#000;"], .s1 [style*="color: #000;"] { color:rgb(74, 74, 74) !important; }
.s2 { color:#666; font-size:13px; line-height:1.5; margin-bottom:22px; padding-bottom:12px; }
/* Legacy news/content rows use an inline divider; remove only that decorative line. */
.s1 > div[style*="border-bottom: 1px solid #ccc"],
.s1 > div[style*="border-bottom:1px solid #ccc"] { border-bottom:0 !important; }
.s5, .s8_1, .l { color:rgb(74, 74, 74) !important; font-size:18px !important; font-weight:700 !important; }
.s6 { width:100%; min-height:168px; padding:18px 0; }
.s7 { width:174px; height:130px; object-fit:cover; border:0 !important; border-radius:6px; }
.s8 { width:calc(100% - 200px); margin-left:24px; }
.s8_2, .s9_2 { color:#666; font-size:14px; line-height:1.6; margin-top:8px; }
.tab_con { margin:0; padding:0; list-style:none; }
.tab_con > li { display:block !important; }
.tab_con > li:nth-child(2) { display:none !important; }
/* Product model lists: two columns on desktop, preserving the existing item content and links. */
.tab_con > li:first-child { display:flex !important; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
.tab_con > li:first-child > .s6 { display:grid; grid-template-columns:174px minmax(0,1fr); column-gap:18px; flex:0 0 calc(50% - 24px); width:calc(50% - 24px); min-height:190px; float:none; margin-left:12px; margin-right:12px; }
.tab_con > li:first-child > .s6 > .s7 { width:100%; max-width:174px; height:130px; float:none; }
.tab_con > li:first-child > .s6 > .s8 { width:auto; min-width:0; margin-left:0; float:none; }
.tab_con > li:first-child > .s6 .s8_1, .tab_con > li:first-child > .s6 .s8_2 { width:auto; }
.tab_con > li:first-child > .s6 > .c { display:none; }
.tab_con > li:first-child > div:not(.s6) { flex:0 0 calc(100% - 24px); width:calc(100% - 24px); margin-left:12px; margin-right:12px; }
#pages a, #pages span { display:inline-block; border:1px solid #e1e1e1 !important; border-radius:4px; color:rgb(74, 74, 74); margin:4px !important; padding:6px 10px !important; }
@media (max-width:980px) { .tr-main-nav { gap:16px; } .tr-brand { width:168px; } .tr-nav { gap:15px; } .tr-nav a { font-size:13px; } .tr-quote, .tr-header-search { display:none; } .tr-business-grid, .tr-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .tr-business-track .tr-business-card { flex-basis:calc((100% - 18px) / 2); } .tr-benefit-grid { grid-template-columns:repeat(2,1fr); } .tr-benefit:nth-child(2) { border-right:0; } .tr-footer-grid { gap:25px; } }
@media (max-width:980px) { .tr-sitemap-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:980px) { .tab_con > li:first-child { display:block !important; margin-left:0; margin-right:0; } .tab_con > li:first-child > .s6 { display:grid; grid-template-columns:174px minmax(0,1fr); width:100%; min-height:168px; margin-left:0; margin-right:0; } .tab_con > li:first-child > div:not(.s6) { width:100%; margin-left:0; margin-right:0; } }
@media (max-width:680px) { .tr-shell, .w { width:calc(100% - 30px) !important; } .tr-utility { height:30px; } .tr-utility .tr-shell { height:30px; gap:7px; font-size:11px; } .tr-main-nav { min-height:64px; flex-wrap:wrap; padding:10px 0; } .tr-brand { width:155px; } .tr-brand img { height:34px; } .tr-nav { order:3; width:100%; overflow:auto; justify-content:flex-start; gap:18px; } .tr-nav a { height:34px; font-size:12px; } .tr-nav a.active::after { height:3px; } .tr-hero, .tr-hero-inner { min-height:390px; } .tr-hero { background-position:60% center; } .tr-hero h1 { font-size:36px; } .tr-hero p { font-size:14px; max-width:340px; } .tr-section { padding:45px 0; } .tr-section-heading h2 { font-size:25px; } .tr-business-grid, .tr-product-grid, .tr-news-grid, .tr-interest-grid { grid-template-columns:1fr; } .tr-business-track .tr-business-card { flex-basis:100%; } .tr-business-carousel-controls { margin-top:25px; gap:14px; } .tr-business-control { width:43px; height:40px; } .tr-benefit-grid { grid-template-columns:1fr; } .tr-benefit { min-height:84px; border-right:0; } .tr-footer-grid { grid-template-columns:1fr; padding:36px 0 23px; } .tr-footer-grid > * + * { border-left:0; padding-left:0; padding-top:24px; } .w > .l1, .s1 { float:none; width:100%; margin:28px 0; } .s7 { float:none; width:100%; height:auto; } .s8 { width:100%; margin:15px 0 0; } .tab_con > li:first-child > .s6 { display:block; width:100%; height:auto !important; min-height:0; } .tab_con > li:first-child > .s6 > .s7 { width:100%; max-width:none; height:auto; } .tab_con > li:first-child > .s6 > .s8 { width:100%; margin:15px 0 0; } .s1 p img[align="right"], .s1 img[align="right"] { float:none; display:block; max-width:100%; margin:0 0 16px; } .mapbox #nav_box, .tr-sitemap-grid { grid-template-columns:1fr; } }

/* Typography system: one readable scale for the refreshed and legacy templates. */
html { font-size:var(--tr-size-body); }
html, body, button, input, select, textarea { font-family:var(--tr-font-sans); }
body { color:var(--tr-charcoal); font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-body); }
/* Neutralise the old global `div { font-size:12px }` and table-size rules without editing legacy CSS. */
body div, body table { font-size:inherit; }
button, input, select, textarea { font:inherit; }

.tr-utility, .tr-utility .tr-shell, .tr-footer-copy { font-size:var(--tr-size-utility); line-height:1.5; }
.tr-globe { font-size:var(--tr-size-utility); }
.tr-nav a, .tr-nav a[href="/Time-Rolling/"]::before { font-size:var(--tr-size-nav); font-weight:600; line-height:1.35; }
.tr-quote, .tr-button, .tr-button-yellow, .tr-search-form button, .tr-contact-banner-copy a { font-size:var(--tr-size-button); font-weight:700; line-height:1.2; }
.tr-header-search input[type="search"], .tr-search-form input[type="search"] { font-family:var(--tr-font-sans); font-size:var(--tr-size-body); line-height:1.4; }
.tr-search-result-type, .tr-search-crumb, .tr-news-card time, .s2 { font-size:var(--tr-size-meta); line-height:1.5; }

.tr-hero h1 { font-size:clamp(32px, 3.75vw, 54px); font-weight:700; line-height:1.08; }
.tr-hero p { font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-copy); }
.tr-section-heading h2 { font-size:30px; font-weight:700; line-height:var(--tr-leading-heading); }
.tr-section-heading p { font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-copy); }
.tr-card-body h3, .tr-product-card h3, .tr-interest-grid h3, .tr-news-card h3 { font-size:18px; font-weight:600; line-height:1.35; }
.tr-card-body p, .tr-product-card p, .tr-interest-grid p { font-size:var(--tr-size-card-copy); line-height:var(--tr-leading-copy); }
.tr-card-body p, .tr-product-card p, .tr-interest-grid p { font-weight:400; }
.tr-benefit strong { font-size:16px; font-weight:600; line-height:1.35; }
.tr-benefit small { font-size:var(--tr-size-card-copy); line-height:var(--tr-leading-copy); }
.tr-news-card time { font-size:var(--tr-size-meta); }
.tr-search-panel h1 { font-size:32px; font-weight:700; line-height:var(--tr-leading-heading); }
.tr-search-summary { font-size:16px; }
.tr-search-result h2 { font-size:18px; font-weight:600; line-height:1.35; }
.tr-search-result p, .tr-search-empty { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
.tr-search-result-link { font-size:var(--tr-size-meta); }

.tr-site-footer { font-size:var(--tr-size-meta); line-height:1.5; }
.tr-footer-promise { font-size:18px; line-height:1.45; }
.tr-footer-grid h2 { font-size:16px; font-weight:600; line-height:1.35; }
.tr-footer-links a, .tr-footer-social a { font-size:var(--tr-size-meta); font-weight:400; line-height:2.1; }

/* Existing product, company, contact and sitemap pages. */
.l1 .l2, .l1 .l3 { font-size:14px; line-height:1.5; }
.s1 { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
.s1 > p, .s1 > ul, .s1 > ol { max-width:75ch; }
.s1 > div[style*="line-height: 40px"] + div:not([class]) { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
.s1 h1 { font-size:32px; font-weight:700; line-height:var(--tr-leading-heading); }
.s1 h2 { font-size:30px; font-weight:700; line-height:var(--tr-leading-heading); }
.s1 h3 { font-size:18px; font-weight:600; line-height:1.35; }
.s1 p, .s1 li { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
/* Some legacy pages wrap all content in a presentational <b>; keep paragraphs readable while preserving nested emphasis. */
.s1 > b { font-weight:400; }
.s1 > b > p, .s1 > b > li { font-weight:400; }
.s1 table { font-size:14px; line-height:1.5; }
.s1 table td, .s1 table th { font-size:14px; line-height:1.5; }
.s5, .s8_1 { font-size:18px !important; font-weight:600 !important; line-height:1.35; }
.l { font-size:inherit !important; font-weight:inherit !important; line-height:inherit; }
.s8_2, .s9_2 { font-size:var(--tr-size-card-copy); font-weight:400; line-height:var(--tr-leading-copy); }
.tr-contact-banner-copy strong { font-size:18px; font-weight:700; line-height:1.25; }
.tr-contact-banner-address { font-size:var(--tr-size-body); line-height:var(--tr-leading-copy); }
.tr-sitemap-title { font-size:32px; font-weight:700; line-height:var(--tr-leading-heading); }
.mapbox #nav_box > li, .tr-sitemap-column h2 { font-size:18px; font-weight:600; line-height:1.35; }
.mapbox #nav_box li ul li, .tr-sitemap-column li { font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-copy); }

@media (max-width:980px) {
  .tr-nav a, .tr-nav a[href="/Time-Rolling/"]::before { font-size:14px; }
  .tr-search-form input[type="search"] { font-size:16px; }
  .s1 { overflow-x:auto; }
  .s1 table { min-width:640px; }
}

@media (max-width:680px) {
  .tr-utility, .tr-utility .tr-shell { font-size:var(--tr-size-utility); }
  .tr-nav a, .tr-nav a[href="/Time-Rolling/"]::before { font-size:14px; }
  .tr-hero h1 { font-size:32px; line-height:1.08; }
  .tr-hero p, .tr-section-heading p { font-size:16px; line-height:var(--tr-leading-copy); }
  .tr-section-heading h2 { font-size:25px; }
  .tr-card-body h3, .tr-product-card h3, .tr-interest-grid h3, .tr-news-card h3 { font-size:18px; }
  .tr-card-body p, .tr-product-card p, .tr-interest-grid p, .tr-benefit small { font-size:15px; }
  .tr-footer-links a, .tr-footer-social a { font-size:14px; }
  .tr-search-panel { padding:24px 18px; }
  .tr-search-panel h1, .tr-sitemap-title, .s1 h1 { font-size:26px; }
  .s1 h2 { font-size:25px; }
  .l1 .l2, .l1 .l3 { font-size:15px; }
  .s1 { overflow-x:auto; }
  .s1 table { min-width:640px; }
  .s1 table td, .s1 table th { font-size:14px; line-height:1.5; }
  .mapbox #nav_box > li, .tr-sitemap-column h2 { font-size:18px; }
  .mapbox #nav_box li ul li, .tr-sitemap-column li { font-size:16px; }
  .tr-contact-banner-copy strong { font-size:18px; }
  .tr-contact-banner-address { font-size:16px; }
}

/* Product model shared list component.
   Scoped to the class emitted only by Product_index* and Product_list* templates. */
.s1 > .tr-product-list {
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  list-style:none;
}
.tr-product-list > li { display:block !important; }
.tr-product-list > li:nth-child(2) { display:none !important; }
.tr-product-list > li:first-child {
  display:flex !important;
  flex-wrap:wrap;
  margin-left:-12px;
  margin-right:-12px;
}
.tr-product-list > li:first-child > .s6 {
  display:grid;
  grid-template-columns:174px minmax(0,1fr);
  column-gap:18px;
  flex:0 0 calc(50% - 24px);
  width:calc(50% - 24px);
  min-width:0;
  min-height:190px;
  height:auto;
  margin-left:12px;
  margin-right:12px;
  padding:18px 0;
  border:0 !important;
  float:none;
}
.tr-product-list > li:first-child > .s6 > .s7 {
  display:block;
  width:100%;
  max-width:174px;
  height:130px;
  object-fit:cover;
  border:0 !important;
  border-radius:6px;
  float:none;
}
.tr-product-list > li:first-child > .s6 > .s8 {
  width:auto;
  min-width:0;
  margin-left:0;
  float:none;
}
.tr-product-list > li:first-child > .s6 .s8_1 {
  width:auto;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.35;
}
.tr-product-list > li:first-child > .s6 .s8_2 {
  width:auto;
  max-width:100%;
  margin-top:8px;
  color:#666;
  font-size:14px;
  font-weight:400;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.tr-product-list > li:first-child > .s6 > .c { display:none; }
.tr-product-list > li:first-child > div:not(.s6) {
  flex:0 0 calc(100% - 24px);
  width:calc(100% - 24px);
  margin-left:12px;
  margin-right:12px;
}

@media (max-width:980px) {
  .tr-product-list > li:first-child {
    display:block !important;
    margin-left:0;
    margin-right:0;
  }
  .tr-product-list > li:first-child > .s6 {
    display:grid;
    grid-template-columns:174px minmax(0,1fr);
    width:100%;
    min-height:168px;
    margin-left:0;
    margin-right:0;
  }
  .tr-product-list > li:first-child > div:not(.s6) {
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

@media (max-width:680px) {
  .tr-product-list > li:first-child > .s6 {
    display:block;
    width:100%;
    height:auto !important;
    min-height:0;
  }
  .tr-product-list > li:first-child > .s6 > .s7 {
    width:100%;
    max-width:none;
    height:auto;
  }
  .tr-product-list > li:first-child > .s6 > .s8 {
    width:100%;
    margin:15px 0 0;
  }
}