:root{--blue:#003ce5;--pink:#ff5fbe;--acid:#c7fa38;--ink:#111;--paper:#f5f5f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:white;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border-radius:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Impact,'Arial Narrow',sans-serif;line-height:1.04;font-weight:400;letter-spacing:-.02em}h1{font-size:clamp(48px,5.5vw,88px)}h2{font-size:clamp(40px,4.4vw,70px);margin:18px 0 30px}h3{font-size:30px}p{max-width:650px;margin-bottom:22px}figure{margin:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.review{background:var(--ink);color:white;text-align:center;padding:6px 15px;font-size:9px;font-weight:700;letter-spacing:.12em}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ddd;background:white;position:sticky;top:0;z-index:20}.brand img{width:218px;display:block}header nav{display:flex;gap:24px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:23px;font-size:12px;font-weight:bold}.language{border-bottom:2px solid var(--blue);padding:5px 0}.nav-cta{padding:12px 15px;border:1px solid #111;white-space:nowrap}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;font-size:22px}.mobile-nav{position:sticky;top:75px;z-index:19;padding:20px 6%;background:white;border-bottom:1px solid #ddd}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #eee;font-size:13px;font-weight:bold}.masthead{background:var(--blue);color:white;padding:20px 4% 35px}.eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;font-weight:bold}.masthead>img{display:block;width:100%;max-height:225px;object-fit:contain;margin-top:25px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.hero-copy{padding:58px 9%;align-self:center}.hero-copy h1{margin:25px 0;font-size:clamp(43px,4.8vw,78px)}.hero-copy p{max-width:510px}.hero-photo{min-height:675px;position:relative;overflow:hidden}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 65%}.hero-photo figcaption,.after-run figcaption{position:absolute;bottom:22px;left:22px;background:var(--acid);padding:7px 10px;font-size:10px;font-weight:bold;letter-spacing:.07em}.kicker{font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.5}.small{font-size:12px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:16px 22px;border:1px solid #111;font-size:12px;font-weight:700;letter-spacing:.04em;transition:background .15s,color .15s}.button.dark{background:var(--ink);color:white}.button.light{background:white;color:var(--ink);border-color:white}.button.lime{background:var(--acid);color:var(--ink);border-color:var(--acid)}.button:hover,.nav-cta:hover{background:var(--acid);color:var(--ink)}.button.lime:hover{background:white;border-color:white}.hero-note{margin:20px 0 0;color:#555}.section{padding:80px 5%}.section-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:40px}.section-top h2{margin:0}.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:45px}.section-bottom p{margin:0;max-width:490px}.idea{background:var(--pink)}.idea-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:11%;align-items:center;margin-top:40px}.idea h2{font-size:clamp(46px,5vw,80px);margin:0;max-width:660px}.idea p,.idea strong{font-size:21px}.idea p{line-height:1.65}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.prototype-main{position:relative}.annotation{position:absolute;left:18px;bottom:16px;background:white;padding:5px 8px;font-size:10px;font-weight:bold;letter-spacing:.08em}.sock-photo{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:var(--ratio);background:#edf0f3}.sock-photo img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;display:block}.sock-photo[data-photo-colour=core-white],.sock-photo[data-photo-colour=pulse-pink]{--ratio:1024 / 998}.sock-photo[data-photo-colour=glow-green]{--ratio:1122 / 934}.principles{list-style:none;padding:0;margin:30px 0}.principles li{display:flex;gap:20px;padding:14px 0;border-top:1px solid #ccc;font-size:15px;line-height:1.5}.principles li span{font-size:10px;padding-top:3px;color:#555}.inline-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding:4px 0;display:inline-block}.product-layout .inline-link,.field-section .inline-link{display:table;margin-top:20px}.colours-section{background:var(--paper)}.studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.studies figure{align-self:start}.studies figcaption{display:flex;gap:20px;align-items:baseline;padding:20px 0;border-top:1px solid #111;margin-top:13px}.studies figcaption>span{font-size:11px}.studies h3{font:700 13px/1.5 Arial,sans-serif;letter-spacing:0;margin:0}.colour-note{margin:20px 0 0;color:#555}.first-section{background:var(--blue);color:white}.first-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.first-heading h2{max-width:690px}.big-500{font-family:Impact,'Arial Narrow',sans-serif;color:var(--acid);font-size:clamp(100px,18vw,260px);line-height:1;letter-spacing:-.035em}.big-500>span{font-size:.25em;letter-spacing:0}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:45px 0 0}.timeline li{border-top:1px solid #a2b9f8;position:relative;padding:30px 20px 0 0}.timeline-dot{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--acid)}.km{font-size:13px;font-weight:bold;letter-spacing:.03em}.timeline h3{font-size:28px;max-width:250px;margin:15px 0}.timeline p{font-size:15px;line-height:1.75;padding-right:15px}.field-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.field-visual{position:relative;aspect-ratio:1;overflow:hidden;background:#f3f3f3}.field-visual>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);image-rendering:auto}.field-visual>span{position:absolute;bottom:25px;left:25px;background:var(--blue);color:white;padding:15px 22px;font-size:11px;letter-spacing:.1em;line-height:1.8}.statement{font-size:22px;font-weight:bold}.tester-link{background:#111;color:white}.pairings{background:var(--acid)}.pairing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:40px 0 25px}.pairing-grid figure{background:white;padding-bottom:22px}.pairing-grid figcaption{padding:22px 22px 0}.pairing-grid figcaption p{font-size:14px;margin:10px 0 0}.palette{height:18px;display:flex}.palette i{flex:1;background:#eee}.palette.cool i:nth-child(1){background:#fdfdfd}.palette.cool i:nth-child(2){background:#789bc6}.palette.cool i:nth-child(3){background:#173a96}.palette.light i:nth-child(1){background:#f4f0e5}.palette.light i:nth-child(2){background:#c1c4c9}.palette.light i:nth-child(3){background:#ff248d}.palette.dark i:nth-child(1){background:#111}.palette.dark i:nth-child(2){background:#5c605d}.palette.dark i:nth-child(3){background:#c7fa38}.after-run{display:grid;grid-template-columns:1.12fr 1fr;background:var(--paper)}.after-run figure{position:relative;min-height:675px;overflow:hidden}.after-run figure>img{position:absolute;width:100%;height:100%;object-fit:cover}.after-copy{padding:65px 11%;align-self:center}.after-copy p{line-height:1.9}.after-copy strong{font-size:22px}.note-strip{border-top:1px solid #ddd}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px;margin-top:40px}.note-card{display:flex;flex-direction:column;border-bottom:1px solid #aaa;padding-bottom:22px;min-width:0}.note-image{aspect-ratio:1.4;overflow:hidden;background:#edf0f3;margin-bottom:22px}.note-image>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 22%;transition:transform .3s}.note-card:hover .note-image img{transform:scale(1.03)}.note-card:hover h3{color:var(--blue)}.note-card h3{font-size:33px;margin:16px 0;line-height:1.1}.note-card p{font-size:14px;color:#555}.read-link{font-size:11px;letter-spacing:.07em;font-weight:700;margin-top:auto}.signup{background:var(--blue);color:white}.signup-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;margin-top:18px}.signup h2{font-size:clamp(45px,5.5vw,88px);color:var(--acid)}.signup p{font-size:18px}.signup label{font-size:11px;font-weight:bold;display:block;margin-bottom:8px}.email-row{display:flex;gap:12px;border-bottom:1px solid #fff;padding-bottom:12px}.email-row input{min-width:0;flex:1;border:0;background:transparent;color:white;padding:12px 0;font-size:16px;border-radius:0}.email-row input::placeholder{color:#c8d5fb}.email-row button{white-space:nowrap;font-size:11px;padding:15px}.signup .check-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.6;margin-top:20px}.check-row input{flex:0 0 18px;width:18px;height:18px;margin:1px 0;accent-color:var(--acid)}.check-row small{display:inline-block;margin-left:5px;font-size:10px;color:#c8d5fb}.check-row a{text-decoration:underline;text-underline-offset:3px}.signup #form-status{font-size:12px;line-height:1.6;min-height:40px;margin:20px 0 0;color:#d2ddff}.signup #form-status.success{color:var(--acid);font-weight:700}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.55;cursor:wait}footer{padding:50px 5% 30px;background:#f0f0eb}footer>img{display:block;width:100%;max-height:160px;object-fit:contain;mix-blend-mode:multiply}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #aaa;margin-top:35px;padding-top:25px;font-size:10px;letter-spacing:.04em;font-weight:700}.footer-links a:hover{text-decoration:underline}.page-intro{background:var(--blue);color:white}.page-intro h1,.about-intro h1{margin:32px 0}.lede{font-size:22px;line-height:1.6;max-width:820px}.construction{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:var(--paper)}.knit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.knit-grid img{width:100%;height:230px;object-fit:cover;filter:grayscale(1);display:block}.knit-grid figcaption{font-size:10px;font-weight:700;margin-top:12px}.tech-list details{border-top:1px solid #aaa}.tech-list summary{list-style:none;display:flex;gap:18px;font-size:19px;padding:22px 0;cursor:pointer;line-height:1.3}.tech-list summary::-webkit-details-marker{display:none}.tech-list summary:after{content:'+';margin-left:auto}.tech-list details[open] summary:after{content:'−'}.tech-list summary>span{font-size:10px;padding-top:5px}.tech-list details p{font-size:15px;color:#555;margin:0 25px 22px 35px}.page-first h1{font-size:clamp(55px,7vw,110px);max-width:1100px;margin:30px 0}.page-first>.small{margin-top:35px;color:#d4dfff}.quote-band{background:var(--pink)}.quote-band h2{max-width:1050px;margin:0}.about-intro{background:var(--acid)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-grid h2{font-size:clamp(40px,4vw,58px)}.about-photo{position:relative;max-height:780px;overflow:hidden;background:#111}.about-photo img{display:block;width:100%;max-height:780px;object-fit:cover;object-position:50% 53%}.about-photo figcaption{position:absolute;bottom:35px;left:5%;background:var(--acid);padding:12px 18px;font-weight:bold;font-size:12px}.notes-hero{background:var(--blue);color:white}.notes-hero h1{font-size:clamp(100px,16vw,240px);line-height:.87;margin:30px 0 40px}.notes-hero em{font-style:normal;color:var(--acid)}.category-filters{display:flex;gap:10px;flex-wrap:wrap}.category-filters button{border:1px solid #aaa;background:white;padding:13px 17px;font-size:11px;font-weight:700}.category-filters button[aria-pressed=true]{background:#111;color:white;border-color:#111}.category-filters button:hover{border-color:var(--blue);color:var(--blue)}.category-filters button[aria-pressed=true]:hover{color:white}.filter-count{margin:20px 0 0}.all-notes{margin-top:25px}.all-notes .note-card:first-child{grid-column:span 2}.all-notes .note-card:first-child .note-image{aspect-ratio:2.4}.all-notes .note-card:first-child h3{font-size:43px;max-width:700px}.editorial-note{font-size:13px;line-height:1.7;color:#555;max-width:800px;margin:40px 0 0}.article-banner{display:flex;justify-content:space-between;gap:25px;padding:25px 5%;border-bottom:1px solid #ddd;font-size:11px;font-weight:bold}.article-heading{max-width:1100px;margin:auto;padding:60px 5%}.article-heading h1{font-size:clamp(48px,6vw,88px);margin:28px 0}.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:70px;max-width:1140px;padding:0 25px 80px;margin:auto}.article-layout aside{position:sticky;top:115px;align-self:start;border-top:2px solid var(--blue);padding-top:20px}.article-layout aside nav{display:flex;flex-direction:column;gap:16px;margin-top:25px;font-size:13px;line-height:1.5}.article-layout aside a:hover{color:var(--blue)}.article-body h2{font-size:36px;margin:45px 0 22px}.article-body section:first-child h2{margin-top:0}.article-body p{max-width:none;font-size:17px;line-height:1.85}.article-body details{padding:20px 0;border-top:1px solid #ccc}.article-body summary{font-weight:700;cursor:pointer}.article-body details p{margin:20px 0 0}.article-body a{text-decoration:underline;text-underline-offset:3px}.sources{background:var(--paper);padding:28px;margin-top:35px}.sources h2{font-size:27px;margin-top:0}.sources p,.sources li{font-size:13px;line-height:1.65}.sources li{margin:14px 0}.sources ul{padding-left:20px}.related{display:flex;flex-direction:column;gap:20px;margin-top:40px}.related a{font-size:21px;font-weight:bold}.legal{max-width:850px;padding:70px 5%;margin:auto}.legal h1{font-size:70px;margin:25px 0}.legal .small{font-size:12px}
@media(min-width:1600px){.section{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){header nav{gap:15px;font-size:10px}.brand img{width:180px}.header-actions{gap:17px}.nav-cta{display:none}.hero-copy{padding:45px 8%}.hero-photo{min-height:660px}.email-row{flex-direction:column}.email-row button{align-self:start}.first-heading{gap:20px}.big-500{font-size:160px}.article-layout{gap:35px;grid-template-columns:180px minmax(0,1fr)}.product-layout{gap:6%}.principles li{font-size:14px}}
@media(max-width:700px){header{height:75px;padding:0 5%;gap:10px}.brand img{width:170px}header nav{display:none}.header-actions{gap:16px}.menu-toggle{display:block}.review{font-size:8px;padding:6px 10px}.masthead{padding:18px 5% 28px}.eyebrow{font-size:8px;gap:12px}.eyebrow span:first-child{max-width:170px}.masthead>img{margin-top:25px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 45px}.hero-copy h1{font-size:48px}.hero-copy .kicker{font-size:10px}.hero-photo{min-height:0;aspect-ratio:1122/1402}.hero-photo>img{object-position:center}.section{padding:50px 6%}h2{font-size:45px}.section-top{align-items:start;margin-bottom:30px}.section-top>.small{display:none}.idea-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.idea h2{font-size:50px}.idea p,.idea strong{font-size:18px}.product-layout,.field-section,.construction,.about-grid{grid-template-columns:1fr;gap:35px}.principles li{font-size:15px}.studies{grid-template-columns:1fr;gap:30px}.studies figure{display:grid;grid-template-columns:60% 1fr;align-items:center;gap:15px}.studies figcaption{flex-direction:column;gap:8px;padding:12px 0;align-items:start}.studies h3{font-size:12px}.colours-section .section-top{flex-direction:column;gap:12px}.colours-section .section-top h2{font-size:44px}.first-heading{display:block}.big-500{display:block;font-size:150px;margin:25px 0}.timeline{grid-template-columns:1fr 1fr;gap:32px 0;margin-top:32px}.timeline li{padding:25px 15px 0 0}.timeline h3{font-size:25px}.timeline p{font-size:14px;padding-right:0}.section-bottom{display:block;margin-top:35px}.section-bottom .button{margin-top:25px}.field-visual{aspect-ratio:1.15}.field-section .statement{font-size:21px}.pairings h2{font-size:44px}.pairing-grid{grid-template-columns:1fr;gap:25px}.pairing-grid figure{display:grid;grid-template-columns:48% 1fr;padding:0;align-items:center;position:relative}.pairing-grid .sock-photo{grid-row:1/3}.pairing-grid .palette{height:14px;align-self:end}.pairing-grid figcaption{padding:15px;align-self:start}.pairing-grid figcaption p{font-size:12px}.pairing-grid .kicker{font-size:9px}.after-run{grid-template-columns:1fr}.after-run figure{min-height:0;aspect-ratio:1122/1402}.after-copy{padding:45px 6% 50px}.after-copy h2{font-size:47px}.note-grid{grid-template-columns:1fr;gap:35px}.note-card h3{font-size:35px}.note-image{max-height:330px}.signup-grid{grid-template-columns:1fr;gap:30px}.signup h2{font-size:52px}.signup p{font-size:16px}.email-row{flex-direction:row}.email-row button{font-size:10px;padding:14px 10px}.email-row input{font-size:14px}.signup .check-row{font-size:12px}.signup .check-row input{flex:0 0 19px;width:19px;height:19px}.signup #form-status{font-size:12px}footer{padding:40px 6% 25px}.footer-links{gap:20px;justify-content:start;font-size:10px}.footer-links>span:first-child{width:100%}.page-intro h1,.about-intro h1,.page-first h1{font-size:54px}.lede{font-size:19px}.product-detail{padding-top:40px}.knit-grid img{height:210px}.tech-list summary{font-size:17px}.notes-hero h1{font-size:110px}.category-filters{gap:8px}.category-filters button{padding:11px 12px;font-size:10px}.all-notes .note-card:first-child{grid-column:auto}.all-notes .note-card:first-child .note-image{aspect-ratio:1.4}.all-notes .note-card:first-child h3{font-size:35px}.article-banner{flex-direction:column;gap:10px;padding:22px 6%}.article-heading{padding:40px 6%}.article-heading h1{font-size:48px}.article-layout{display:flex;flex-direction:column;gap:30px;padding:0 6% 50px}.article-layout aside{position:static;width:100%}.article-layout aside nav{gap:12px;margin-top:18px}.article-body h2{font-size:32px}.article-body p{font-size:16px;line-height:1.8}.sources{padding:22px}.legal{padding:45px 6%}.legal h1{font-size:50px}.about-photo{max-height:600px}.about-photo img{max-height:600px}.about-photo figcaption{font-size:10px;bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}