:root { --tylon-ink:#102c43; --tylon-blue:#155a8a; --tylon-sky:#54b5d6; --tylon-muted:#647585; --tylon-line:#e3ebf0; }
html { scroll-behavior:smooth; }
body { color:var(--tylon-ink); }
.f-header__desktop, .f-header__mobile { background:#fff; }
.f-header .f-logo__image img { object-fit:contain; height:auto; }
.tylon-nav .f-menu { display:flex; align-items:center; gap:clamp(12px,1.45vw,27px); }
.tylon-nav .f-menu__link { color:var(--tylon-ink); font-weight:650; letter-spacing:.01em; }
.tylon-products-menu > .f-menu__link { gap:8px; }
.tylon-nav-caret { display:block; flex:none; }
.tylon-nav .f-menu__link:hover { color:var(--tylon-blue); }
.tylon-header-cta .f-button { border-radius:6px; padding:12px 19px; white-space:nowrap; font-weight:700; }
.tylon-products-menu { position:relative; }
.tylon-products-dropdown { display:none; position:absolute; left:0; top:100%; width:260px; padding-top:12px; z-index:100; }
.tylon-products-menu:hover .tylon-products-dropdown, .tylon-products-menu:focus-within .tylon-products-dropdown { display:block; }
.tylon-products-dropdown__inner { display:grid; gap:1px; padding:10px; border:1px solid var(--tylon-line); border-radius:10px; background:#fff; box-shadow:0 18px 45px rgba(16,44,67,.13); }
.tylon-products-dropdown__inner a { display:block; padding:10px 12px; border-radius:6px; color:var(--tylon-ink); line-height:1.3; font-size:14px; }
.tylon-products-dropdown__inner a:hover { background:#eef5f9; color:var(--tylon-blue); }
.tylon-mobile-nav { padding:26px 22px 48px; }
.tylon-mobile-nav > li > a { display:block; padding:13px 0; color:var(--tylon-ink); font-weight:700; border-bottom:1px solid var(--tylon-line); }
.tylon-mobile-submenu { padding:7px 0 11px 14px; }
.tylon-mobile-submenu a { display:block; padding:9px 0; color:var(--tylon-muted); font-size:14px; }
.tylon-mobile-cta a { margin-top:15px; padding:15px !important; background:var(--tylon-blue); color:#fff !important; text-align:center; border-radius:6px; }
.tylon-hero img { width:100%; object-fit:cover; }
.tylon-home-intro .f-richtext { max-width:950px; margin:auto; }
.tylon-home-intro h1 { font-size:clamp(34px,4.3vw,62px); line-height:1.08; letter-spacing:-.045em; color:var(--tylon-ink); }
.tylon-home-intro .f-richtext__description { max-width:760px; margin:18px auto 25px; color:var(--tylon-muted); font-size:17px; line-height:1.7; }
.tylon-categories, .tylon-solutions { background:#f4f7fa; }
.tylon-categories > .container { margin-bottom:0; padding-bottom:clamp(24px,3vw,40px); }
.tylon-featured .container { margin-top:0; padding-top:clamp(24px,3vw,40px); }
.tylon-categories .f-section__heading, .tylon-solutions .f-section__heading, .tylon-featured .f-section__heading { letter-spacing:-.035em; }
.tylon-categories .f-image-text__wrapper, .tylon-solutions .f-image-text__wrapper { overflow:hidden; height:100%; background:#fff; border:1px solid var(--tylon-line); box-shadow:0 12px 34px rgba(16,44,67,.055); border-radius:12px; }
.tylon-categories .f-image-text__image, .tylon-solutions .f-image-text__image { aspect-ratio:4/3; overflow:hidden; background:#edf2f5; }
.tylon-categories .f-image-text__image img, .tylon-solutions .f-image-text__image img { width:100%; height:100%; object-fit:contain; padding:10px; transition:transform .35s ease; }
.tylon-categories .f-image-text__wrapper:hover img, .tylon-solutions .f-image-text__wrapper:hover img { transform:scale(1.035); }
.tylon-categories .f-image-text__content, .tylon-solutions .f-image-text__content { padding:22px 23px 24px; }
.tylon-categories .f-card__title, .tylon-solutions .f-card__title { color:var(--tylon-ink); font-size:clamp(20px,2vw,26px); line-height:1.18; margin:7px 0; }
.tylon-categories .f-card__subtitle, .tylon-solutions .f-card__subtitle { color:var(--tylon-blue); font-size:11px; letter-spacing:.15em; text-transform:uppercase; font-weight:800; }
.tylon-categories .f-card__description, .tylon-solutions .f-card__description { color:var(--tylon-muted); line-height:1.55; font-size:14px; min-height:45px; }
.tylon-categories .f-card__button a, .tylon-solutions .f-card__button a { color:var(--tylon-blue); font-weight:750; padding-left:0; }
.tylon-featured { background:#f4f7fa; }
.tylon-featured .f-product-card { background:#fff; border:1px solid var(--tylon-line); border-radius:10px; overflow:hidden; }
.tylon-featured .f-product-card__title { line-height:1.35; }
@media (min-width:2100px) {
  .tylon-categories .container, .tylon-featured .container, .tylon-solutions .container { max-width:min(2200px,calc(100% - 80px)); }
  .tylon-categories .f-image-text-carousel__wrapper { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .tylon-solutions .f-image-text-carousel__wrapper { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .tylon-featured .f-mixed-layout__inner { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .tylon-featured .f-product-card__main-image responsive-image { display:block; --aspect-ratio:1/1 !important; max-width:400px; margin-inline:auto; }
  .tylon-featured .f-product-card__content { padding:14px 16px 18px; }
}
.tylon-featured .f-section-my { margin-bottom:0; }
.tylon-solutions > .f-section-my, .tylon-inquiry > .f-section-my { margin-top:0; margin-bottom:0; }
.tylon-faq > .f-section-my { margin-top:0; }
.tylon-showcase { background:#fff; }
.tylon-showcase > .container { max-width:1360px; margin-top:0; margin-bottom:0; }
.tylon-showcase .f-section__header { text-align:left; margin-bottom:32px; }
.tylon-showcase .f-section__subheading { color:var(--tylon-blue); font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.tylon-showcase .f-section__heading { color:var(--tylon-ink); font-size:clamp(34px,3.2vw,52px); line-height:1.12; letter-spacing:-.04em; }
.tylon-showcase .f-image-text-carousel__wrapper { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.tylon-showcase .f-image-text__wrapper { display:grid; grid-template-columns:44% minmax(0,1fr); height:100%; overflow:hidden; border:1px solid var(--tylon-line); border-radius:14px; background:#fff; box-shadow:0 12px 35px rgba(16,44,67,.055); }
.tylon-showcase .f-image-text__image { display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; aspect-ratio:1/1; overflow:hidden; background:#fff; }
.tylon-showcase .f-image-text__image a, .tylon-showcase .f-image-text__image responsive-image { display:block; width:100%; }
.tylon-showcase .f-image-text__image img { width:100%; height:100%; object-fit:contain; }
.tylon-showcase .f-image-text__content { min-width:0; padding:clamp(24px,2.25vw,44px); text-align:left; }
.tylon-showcase .f-image-text__content-inner { text-align:left; }
.tylon-showcase .f-card__subtitle { color:var(--tylon-blue); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.tylon-showcase .f-card__title { color:var(--tylon-ink); font-size:clamp(26px,2vw,38px); line-height:1.14; letter-spacing:-.035em; margin:11px 0 15px; }
.tylon-showcase .f-card__description { color:var(--tylon-muted); font-size:16px; line-height:1.6; min-height:0; }
.tylon-showcase .f-card__button { margin-top:20px; }
.tylon-showcase .f-card__button a { display:inline-flex; padding:0; color:var(--tylon-blue); font-weight:800; border-bottom:1px solid currentColor; }
.tylon-showcase .f-image-text:nth-child(4) .f-image-text__image a { display:flex; align-items:center; justify-content:center; }
.tylon-showcase .f-image-text:nth-child(4) responsive-image { max-width:240px; margin:auto; }
@media (min-width:1600px) { .tylon-showcase > .container { max-width:min(2200px,calc(100% - 80px)); } }
@media (max-width:1199px) { .tylon-showcase .f-image-text-carousel__wrapper { grid-template-columns:1fr; } }
.tylon-advantages { background:#fff; color:var(--tylon-ink); }
.tylon-advantages .f-section__heading, .tylon-advantages h3 { color:var(--tylon-ink) !important; }
.tylon-advantages .f-section__subheading { color:var(--tylon-blue) !important; }
.tylon-advantages .f-section__description, .tylon-advantages .f-icon-box__description { color:var(--tylon-muted) !important; }
.tylon-advantages-heading { max-width:870px; margin:0 auto 42px; text-align:center; }
.tylon-advantages-eyebrow { margin:0 0 15px; color:var(--tylon-blue); font-weight:800; font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
.tylon-advantages-heading h2 { color:var(--tylon-ink); font-size:clamp(32px,3.5vw,52px); line-height:1.1; letter-spacing:-.035em; margin:0 0 17px; }
.tylon-advantages-summary { color:var(--tylon-muted); font-size:17px; line-height:1.65; }
.tylon-advantages-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.tylon-advantages-card { position:relative; display:flex; flex-direction:column; min-height:270px; padding:32px; border:1px solid var(--tylon-line); border-radius:10px; background:#f4f7fa; color:var(--tylon-ink); }
.tylon-advantages-card:hover { border-color:#b8d3e3; background:#e8f1f6; }
.tylon-advantages-number { color:var(--tylon-blue); font-size:13px; font-weight:800; letter-spacing:.13em; }
.tylon-advantages-card h3 { color:var(--tylon-ink) !important; font-size:23px; line-height:1.2; margin:42px 0 12px; }
.tylon-advantages-card p { color:var(--tylon-muted); line-height:1.65; margin:0; }
.tylon-advantages-arrow { position:absolute; top:28px; right:30px; color:var(--tylon-blue); font-size:27px; }
.tylon-inquiry { background:#e8f1f6; color:var(--tylon-ink); }
.tylon-inquiry .f-richtext__title { color:var(--tylon-ink) !important; font-size:clamp(34px,4vw,56px); letter-spacing:-.035em; }
.tylon-inquiry .f-richtext__description { color:var(--tylon-muted) !important; max-width:690px; margin:16px auto 26px; }
.tylon-inquiry .f-button--link { color:var(--tylon-blue) !important; }
.tylon-faq { background:#fff; }
.tylon-faq .f-collapsible { border-bottom:1px solid var(--tylon-line); }
.tylon-faq .f-collapsible--button { color:var(--tylon-ink); }
.tylon-about-hero img { object-fit:cover; }
.tylon-about-copy, .tylon-about-cta { background:#f4f7fa; }
.tylon-about-products .f-image-text__image img { object-fit:contain; background:#f3f7f9; }
.tylon-about-page h2 { color:var(--tylon-ink); font-size:clamp(30px,3.2vw,48px); line-height:1.13; letter-spacing:-.035em; margin:12px 0 20px; }
.tylon-about-page p { color:var(--tylon-muted); font-size:17px; line-height:1.75; }
.tylon-about-eyebrow { color:var(--tylon-blue); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.tylon-about-lead { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,6vw,100px); align-items:center; padding-top:75px; padding-bottom:80px; }
.tylon-about-lead > img { width:100%; max-height:510px; object-fit:contain; background:#f2f6f9; border-radius:14px; }
.tylon-about-button { display:inline-block; padding:14px 22px; margin-top:18px; border-radius:6px; background:var(--tylon-blue); color:#fff !important; font-weight:750; }
.tylon-about-button:hover { background:#0c4168; }
.tylon-about-range { background:#f4f7fa; padding:76px 0 88px; }
.tylon-about-range h2 { margin-bottom:36px; }
.tylon-about-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.tylon-about-grid a { display:block; background:#fff; border:1px solid var(--tylon-line); border-radius:10px; overflow:hidden; color:var(--tylon-ink); font-weight:750; font-size:18px; }
.tylon-about-grid img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; padding:12px; }
.tylon-about-grid span { display:block; padding:18px 20px 21px; }
.tylon-about-grid a:hover span { color:var(--tylon-blue); }
.tylon-about-contact { text-align:center; padding-top:82px; padding-bottom:96px; }
.tylon-about-contact p { max-width:690px; margin:0 auto; }
.f-contact-form__heading { color:var(--tylon-ink); font-size:clamp(30px,3vw,43px) !important; line-height:1.16; letter-spacing:-.03em; }
.tylon-product .main-product__block-price, .tylon-product .main-product__block-product_wholesale_price { display:none !important; }
.f-product-card__price, .product-block-group--price { display:none !important; }
.tylon-product .f-product-form--wrapper { max-width:420px; }
.tylon-product .tylon-model { color:var(--tylon-blue); font-size:13px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; margin:12px 0 0; }
.tylon-product .f-product-form--wrapper .f-button--primary { min-height:54px; border-radius:6px; font-weight:750; }
.tylon-product-details .rte table { width:100%; border-collapse:collapse; display:block; overflow-x:auto; }
.tylon-product-details .rte th, .tylon-product-details .rte td { padding:12px 15px; border:1px solid var(--tylon-line); text-align:left; }
.tylon-collection-grid .f-product-card { border:1px solid var(--tylon-line); border-radius:8px; overflow:hidden; }
.f-footer a { color:inherit; opacity:1; }
.f-footer a:hover { color:var(--tylon-blue); opacity:1; }
.f-footer .f-footer--block-title { font-size:17px; font-weight:750; }
.f-footer .block-text { font-size:14px; line-height:1.6; }
.f-footer .block-text p { margin:0 0 11px; }
@media (max-width: 1023px) { .tylon-nav .f-menu { gap:10px; } .tylon-nav .f-menu__link { font-size:13px; } .tylon-header-cta .f-button { padding:9px 11px; font-size:12px; } }
@media (max-width: 1023px) { .tylon-about-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) { .tylon-advantages-grid { grid-template-columns:1fr; gap:14px; } .tylon-advantages-card { min-height:205px; padding:24px; } .tylon-advantages-card h3 { margin-top:26px; } .tylon-advantages-summary { font-size:15px; } }
@media (max-width: 767px) { .tylon-home-intro .f-richtext__description { font-size:15px; } .tylon-categories .f-image-text__content, .tylon-solutions .f-image-text__content { padding:18px; } .tylon-hero img { object-position:center; } .tylon-product-details .rte table { font-size:13px; } }
@media (max-width:767px) { .tylon-showcase .f-image-text-carousel__wrapper { gap:16px; } .tylon-showcase .f-image-text__wrapper { grid-template-columns:1fr; } .tylon-showcase .f-image-text__image { aspect-ratio:4/3; } .tylon-showcase .f-image-text__image responsive-image { --aspect-ratio:1.333 !important; } .tylon-showcase .f-image-text__content { padding:22px; } .tylon-showcase .f-card__title { font-size:29px; } .tylon-showcase .f-card__description { font-size:15px; } .tylon-showcase .f-image-text:nth-child(4) responsive-image { max-width:170px; } }
@media (max-width: 767px) { .f-contact-form .f-row { flex-wrap:wrap !important; } }
@media (max-width: 767px) { .tylon-about-lead { grid-template-columns:1fr; padding-top:44px; padding-bottom:56px; } .tylon-about-lead > img { max-height:350px; } .tylon-about-range { padding:58px 0 65px; } .tylon-about-grid { gap:12px; } .tylon-about-grid a { font-size:15px; } .tylon-about-grid span { padding:12px; } .tylon-about-contact { padding-top:58px; padding-bottom:68px; } .tylon-about-page p { font-size:15px; } }


/* Tylon homepage banner copy 2026-10-10 */
.tylon-hero .f-slide__wrapper.container { width:100%; max-width:none; padding-left:clamp(40px, 4.4vw, 112px); padding-right:clamp(40px, 4.4vw, 112px); }
.tylon-hero .f-slide__content { max-width:min(40vw, 600px); }
.tylon-hero [data-slide="0"] .f-slide__content { max-width:min(20vw, 480px); }
.tylon-hero .f-slide__subtitle { font-size:clamp(12px, .9vw, 15px); font-weight:800; letter-spacing:.14em; line-height:1.4; text-transform:uppercase; margin-bottom:14px; }
.tylon-hero .f-slide__title { font-size:clamp(42px, 3.25vw, 62px); line-height:1.08; letter-spacing:-.04em; margin:0 0 18px; font-weight:750; }
.tylon-hero .f-slide__description { max-width:510px; font-size:clamp(16px, 1.05vw, 19px); line-height:1.5; margin-bottom:26px; }
.tylon-hero .f-slide__button .f-button { border-radius:6px; min-height:48px; padding:12px 22px; font-weight:750; }
.tylon-hero [data-slide="0"] .f-slide__content, .tylon-hero [data-slide="3"] .f-slide__content { text-shadow:0 2px 12px rgba(10,35,53,.55); }
.tylon-hero [data-slide="1"] .f-slide__content, .tylon-hero [data-slide="2"] .f-slide__content { color:#102c43; background:rgba(255,255,255,.88); padding:26px 30px 28px; border-radius:12px; box-shadow:0 10px 32px rgba(16,44,67,.08); }
.tylon-hero [data-slide="1"] .f-slide__title, .tylon-hero [data-slide="1"] .f-slide__subtitle, .tylon-hero [data-slide="1"] .f-slide__description,
.tylon-hero [data-slide="2"] .f-slide__title, .tylon-hero [data-slide="2"] .f-slide__subtitle, .tylon-hero [data-slide="2"] .f-slide__description { color:#102c43; }
.tylon-hero [data-slide="1"] .f-slide__button .f-button, .tylon-hero [data-slide="2"] .f-slide__button .f-button { background:#155a8a; border-color:#155a8a; color:#fff; text-shadow:none; }
@media (max-width:1024px) {
  .tylon-hero .f-slide__content { max-width:min(48vw, 500px); }
  .tylon-hero [data-slide="0"] .f-slide__content { max-width:34vw; }
  .tylon-hero .f-slide__title { font-size:clamp(34px, 4vw, 50px); }
  .tylon-hero .f-slide__description { font-size:16px; }
}
@media (min-width:768px) and (max-width:1024px) {
  .tylon-hero [data-slide="1"] .f-slide__content, .tylon-hero [data-slide="2"] .f-slide__content { max-width:43vw; padding:16px 20px; }
}
@media (max-width:767px) {
  .tylon-hero .f-slide__wrapper.container { align-items:flex-start !important; padding:clamp(28px, 7vw, 44px) 16px 24px; }
  .tylon-hero .f-slide__content { max-width:min(82vw, 440px); }
  .tylon-hero [data-slide="0"] .f-slide__content { max-width:min(82vw, 440px); }
  .tylon-hero .f-slide__subtitle { font-size:11px; letter-spacing:.1em; margin-bottom:6px; }
  .tylon-hero .f-slide__title { font-size:clamp(29px, 8vw, 38px); line-height:1.08; margin-bottom:8px; }
  .tylon-hero .f-slide__description { font-size:14px; line-height:1.42; margin-bottom:10px; }
  .tylon-hero .f-slide__button .f-button { min-height:40px; padding:9px 14px; font-size:13px; }
  .tylon-hero [data-slide="1"] .f-slide__wrapper.container { padding-top:16px; }
  .tylon-hero [data-slide="1"] .f-slide__title { font-size:29px; }
  .tylon-hero [data-slide="0"] .f-slide__content, .tylon-hero [data-slide="1"] .f-slide__content, .tylon-hero [data-slide="2"] .f-slide__content { text-shadow:none; background:rgba(255,255,255,.82); padding:12px 16px 14px; border-radius:10px; box-shadow:0 8px 28px rgba(16,44,67,.08); }
  .tylon-hero [data-slide="0"] .f-slide__title, .tylon-hero [data-slide="0"] .f-slide__subtitle, .tylon-hero [data-slide="0"] .f-slide__description { color:#102c43; }
  .tylon-hero [data-slide="3"] .f-slide__content { text-shadow:0 2px 10px rgba(0,0,0,.68); }
  .tylon-hero [data-slide="3"] .f-slide__description { max-width:220px; }
  .tylon-hero [data-slide="0"] .f-slide__button .f-button { background:#155a8a; border-color:#155a8a; color:#fff; }
}

/* Product-list inquiry entry for the homepage and collection pages. */
.tylon-featured .f-mixed-layout__inner > .swiper-slide, .tylon-collection-grid .f-product-item { display:flex; }
.tylon-featured .f-product-card, .tylon-collection-grid .f-product-card { display:flex; flex:1; min-width:0; flex-direction:column; }
.tylon-featured .f-product-card__content, .tylon-collection-grid .f-product-card__content { display:flex; flex:1; flex-direction:column; }
.tylon-list-quote { margin-top:auto; padding-top:14px; }
.tylon-list-quote__button { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; padding:10px 14px; border:1px solid var(--tylon-blue); border-radius:6px; background:var(--tylon-blue); color:#fff; font-size:14px; font-weight:750; line-height:1.25; text-align:center; cursor:pointer; transition:background .2s ease, border-color .2s ease; }
.tylon-list-quote__button:hover, .tylon-list-quote__button:focus-visible { background:#0c4168; border-color:#0c4168; color:#fff; }
.tylon-list-quote__button:focus-visible { outline:2px solid #54b5d6; outline-offset:2px; }
@media (max-width:767px) { .tylon-list-quote { padding-top:10px; } .tylon-list-quote__button { min-height:42px; padding:8px; font-size:13px; } }