/* V4 catalogue enhancements: larger brand presence, buyer reference matrix and yarn guide. */
.site-header{height:106px}
.brand{width:245px;min-width:205px}
.hero{min-height:calc(100vh - 106px)}
.footer-contact{display:flex;flex-direction:column;gap:4px;color:#b7d2ce;font-size:15px;line-height:1.4}
.footer-contact a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.footer-contact span{font-size:12px}

@media (min-width:1120px){
  .product-grid{grid-template-columns:repeat(4,1fr)}
  .product-card>img,.technical-card-image{height:245px}
  .product-card-content{padding:20px 18px 22px}
  .product-card h3{font-size:25px}
  .product-card-content>p:not(.card-overline){min-height:72px}
}

.range-specs{padding:118px 0 124px}
.range-specs-head{display:grid;grid-template-columns:.86fr 1.14fr;column-gap:65px;align-items:end}
.range-specs-head .overline{grid-column:1/-1}
.range-specs-head>p:last-child{max-width:390px;margin:0 0 7px;color:var(--muted);font-size:15px}
.range-table-wrap{margin-top:51px;overflow-x:auto;border:1px solid var(--line);background:#fcfbf7}
.range-table{width:100%;min-width:930px;border-collapse:collapse;text-align:left}
.range-table th,.range-table td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.range-table thead th{padding-top:16px;padding-bottom:16px;color:#33413e;font-size:12px;font-weight:700}
.range-table tbody th{width:18%;color:var(--ink);font-size:13px;font-weight:700}
.range-table td{color:#64706d;font-size:13px;line-height:1.35}
.range-table tbody tr:last-child th,.range-table tbody tr:last-child td{border-bottom:0}
.range-fine-print{margin:20px 0 0;color:#7a8581;font-size:11px;line-height:1.55}

.yarn-language{display:grid;grid-template-columns:.86fr 1.14fr;gap:76px;align-items:start;margin-top:84px;padding-top:54px;border-top:1px solid rgba(255,255,255,.24)}
.yarn-language h3{max-width:525px;margin:0;font-size:clamp(25px,2.55vw,38px);font-weight:500;line-height:1.21;letter-spacing:-.045em;color:#f7f7f3}
.yarn-language dl{margin:0;border-top:1px solid rgba(255,255,255,.24)}
.yarn-language dl div{display:grid;grid-template-columns:31% 69%;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.24)}
.yarn-language dt{color:#e8b445;font:500 clamp(17px,1.6vw,22px) var(--sans);letter-spacing:-.04em}
.yarn-language dd{margin:0;color:#d5e1de;font-size:16px;line-height:1.42}

@media(max-width:850px){
  .site-header{height:82px}
  .brand{width:190px;min-width:160px}
  .hero{min-height:auto}
  .range-specs{padding:82px 0}
  .range-specs-head,.yarn-language{grid-template-columns:1fr;gap:28px}
  .range-specs-head>p:last-child{margin:0;max-width:480px}
  .range-table-wrap{margin-top:38px}
  .yarn-language{margin-top:63px;padding-top:42px}
  .yarn-language h3{max-width:650px}
  .footer-contact{font-size:14px}
}

@media(max-width:570px){
  .site-header{height:76px}
  .brand{width:176px;min-width:0}
  .range-specs{padding:70px 0}
  .range-table{min-width:820px}
  .range-table th,.range-table td{padding:13px 11px}
  .range-fine-print{font-size:10px}
  .yarn-language{margin-top:50px;padding-top:35px;gap:25px}
  .yarn-language dl div{grid-template-columns:1fr;gap:5px;padding:14px 0}
  .yarn-language dd{font-size:14px}
}