/* Quiet product education; scoped to the performance-sock page. */
#hy-socks-performance{color:#182128;--sock-ink:#182128;--sock-muted:#52616a;--sock-line:#cbd3d6;--sock-blue:#236b83}
#hy-socks-performance *{box-sizing:border-box}
#hy-socks-performance :is(h1,h2,h3,h4,p,ul,figure){margin:0}
#hy-socks-performance :is(h1,h2,h3){color:var(--sock-ink)}
#hy-socks-performance p,#hy-socks-performance li{line-height:1.65;color:var(--sock-muted)}
#hy-socks-performance .hy-socks-kicker{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.16em;color:var(--sock-blue);margin-bottom:18px}
#hy-socks-performance .hy-socks-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);align-items:center;gap:6%;padding:28px 0 60px}
#hy-socks-performance h1{font-size:clamp(38px,4.9vw,68px);line-height:1.03;letter-spacing:-.02em;max-width:650px;margin-bottom:26px}
#hy-socks-performance .hy-socks-lead{font-size:clamp(21px,2.1vw,28px);line-height:1.35;color:var(--sock-ink);margin-bottom:18px;max-width:570px}
#hy-socks-performance .hy-socks-summary{font-size:16px;max-width:590px}
#hy-socks-performance .hy-socks-benefits{display:flex;flex-wrap:wrap;gap:9px 24px;padding:0;list-style:none;margin:27px 0}
#hy-socks-performance .hy-socks-benefits li{font-size:12px;font-weight:700;color:var(--sock-blue);border-bottom:1px solid #aabdc4;padding-bottom:7px}
#hy-socks-performance .hy-socks-text-link{display:inline-block;padding:10px 0;color:var(--sock-ink);font-size:14px;font-weight:700;text-decoration:none}
#hy-socks-performance .hy-socks-text-link:hover{text-decoration:underline}
#hy-socks-performance .hy-socks-photo{overflow:hidden;background:#151b1f;aspect-ratio:1/1.1}
#hy-socks-performance .hy-socks-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#hy-socks-performance .hy-socks-construction{padding:50px 0 0;border-top:1px solid var(--sock-line);scroll-margin-top:25px}
#hy-socks-performance h2{font-size:clamp(30px,3vw,43px);line-height:1.1;letter-spacing:-.015em;margin-bottom:28px}
#hy-socks-performance .hy-socks-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:18px 0 38px}
#hy-socks-performance .hy-socks-number{display:block;font-size:12px;letter-spacing:.15em;color:var(--sock-blue);margin-bottom:12px}
#hy-socks-performance h3{font-size:24px;line-height:1.3;margin-bottom:15px}
#hy-socks-performance .hy-socks-feature-grid p{max-width:580px}
#hy-socks-performance .hy-socks-feature-grid ul{padding-left:19px;margin-top:20px;font-size:14px}
#hy-socks-performance .hy-socks-feature-grid li+li{margin-top:10px}
#hy-socks-performance .hy-socks-cushion{border-top:1px solid var(--sock-line);padding:32px 0 42px}
#hy-socks-performance .hy-socks-cushion>p{max-width:810px}
#hy-socks-performance .hy-socks-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
#hy-socks-performance .hy-socks-zones>div{background:#ecefeb;padding:25px}
#hy-socks-performance .hy-socks-zone-dot{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #8babb7;border-radius:50%;font-size:12px;color:var(--sock-blue);margin-bottom:18px}
#hy-socks-performance .hy-socks-zones h4{font-size:12px;letter-spacing:.1em;margin-bottom:10px}
#hy-socks-performance .hy-socks-zones p{font-size:14px}
#hy-socks-performance .hy-socks-comfort{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;background:#142127;color:#fff;padding:40px}
#hy-socks-performance .hy-socks-comfort h2{color:#fff;margin-bottom:20px}
#hy-socks-performance .hy-socks-comfort p,#hy-socks-performance .hy-socks-comfort li{color:#d6e1e6}
#hy-socks-performance .hy-socks-comfort ul{list-style:none;padding:0;align-self:center}
#hy-socks-performance .hy-socks-comfort li{border-bottom:1px solid #ffffff32;padding:15px 0;font-size:16px}
#hy-socks-performance .hy-socks-comfort li:before{content:'—';color:#bbd9e5;margin-right:12px}
#hy-socks-performance .hy-socks-distinction{font-size:13px;max-width:930px;margin:20px 0 0}
#hy-socks-performance .hy-socks-custom-intro{padding:62px 0 44px}
#hy-socks-performance .hy-socks-custom-intro h2{margin-bottom:16px}
#hy-socks-performance .hy-socks-custom-intro>p:not(.hy-socks-kicker):not(.hy-socks-minimum){max-width:750px}
#hy-socks-performance .hy-socks-cta{display:inline-block;background:#153e50;color:#fff!important;text-decoration:none;padding:16px 23px;font-weight:700;font-size:14px;margin-top:25px}
#hy-socks-performance .hy-socks-cta:hover{background:#235d74}
#hy-socks-performance a:focus-visible{outline:3px solid #287b9a;outline-offset:5px}
#hy-socks-performance .hy-socks-minimum{font-size:13px;margin-top:13px}
#hy-socks-designer{border-top:1px solid #cbd3d6;padding-top:32px;scroll-margin-top:20px}
#hy-socks-designer>.intro h2{font-size:32px;line-height:1.15;color:#182128;margin:0 0 8px}
#hy-socks-designer .fields.personal label{grid-template-columns:minmax(0,1fr)}
#hy-socks-designer .hy-file-picker{min-width:0;max-width:100%;flex-wrap:wrap}
#hy-socks-designer .hy-file-picker>span{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:820px){#hy-socks-performance .hy-socks-hero{gap:28px;grid-template-columns:1fr 1fr}#hy-socks-performance h1{font-size:43px}#hy-socks-performance .hy-socks-photo{aspect-ratio:3/4}#hy-socks-performance .hy-socks-comfort{padding:30px;gap:30px}}
@media(max-width:640px){#hy-socks-performance .hy-socks-hero{grid-template-columns:1fr;padding:14px 0 35px;gap:28px}#hy-socks-performance h1{font-size:44px;max-width:400px;margin-bottom:20px}#hy-socks-performance .hy-socks-lead{font-size:23px}#hy-socks-performance .hy-socks-photo{aspect-ratio:1/1;max-height:470px}#hy-socks-performance .hy-socks-construction{padding-top:32px}#hy-socks-performance .hy-socks-feature-grid{grid-template-columns:1fr;gap:32px;padding-bottom:32px}#hy-socks-performance .hy-socks-zones{grid-template-columns:1fr;gap:12px}#hy-socks-performance .hy-socks-zones>div{padding:22px}#hy-socks-performance .hy-socks-zone-dot{float:left;margin:0 16px 30px 0}#hy-socks-performance .hy-socks-comfort{grid-template-columns:1fr;padding:28px 23px;gap:15px}#hy-socks-performance .hy-socks-custom-intro{padding-top:42px}#hy-socks-performance .hy-socks-cta{width:100%;text-align:center}#hy-socks-performance .hy-socks-benefits{gap:9px 18px}}