:root{--flax:#f5efe2;--indigo:#34479e;--persimmon:#dc6954;--sea:#79bdb5;--ink:#203141;--serif:'Cormorant Garamond',serif;--sans:'Plus Jakarta Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--flax);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{height:74px;position:absolute;z-index:3;width:100%;padding:0 6%;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;gap:9px;align-items:center;font-weight:700}.brand img{height:36px;width:36px}.brand small{display:block;font:9px var(--mono)}header nav,footer nav{display:flex;gap:20px;font:14px var(--mono);text-transform:uppercase}.hero{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;padding:74px 6% 0;background:var(--indigo);color:#fff}.hero>div{padding:100px 8% 60px 0;display:flex;flex-direction:column;justify-content:center}.hero p,.spools p:first-child,.pattern p,.thread p,.shelf p:first-child,.faq p:first-child,.request p:first-child{font:11px var(--mono);letter-spacing:.1em;color:var(--sea)}h1,h2,h3{font-family:var(--serif);letter-spacing:-.05em}h1{font-size:clamp(4.5rem,8vw,8.5rem);line-height:.8;margin:0 0 25px}em{color:var(--persimmon);font-style:italic}.hero span{max-width:500px;font-size:18px;line-height:1.7}.hero a,.request button{width:max-content;margin-top:29px;background:var(--persimmon);color:#fff;padding:13px 16px;min-height:48px;font-weight:700}.hero>img{width:100%;height:100%;object-fit:cover}.spools{padding:120px 8%;display:grid;grid-template-columns:1.1fr .75fr;gap:9vw}.spools h2,.pattern h2,.thread h2,.shelf h2,.faq h2,.request h2{font-size:clamp(3.7rem,6vw,7rem);line-height:.83;margin:0 0 22px}.spools>div>p:not(:first-child){line-height:1.75}.spools button{min-height:44px;padding:9px 12px;border:1px solid var(--indigo);color:var(--indigo);background:transparent}.spools .active{background:var(--indigo);color:#fff}.spools output{display:block;margin-top:21px;padding:19px;border-left:6px solid var(--persimmon);background:#fff}.spools output b{font:30px var(--serif)}.spools output p{line-height:1.7;margin:8px 0 0}.spools figure{margin:0;padding:14px;border:8px solid var(--sea)}.spools figure img{height:430px;width:100%;object-fit:cover}.spools figcaption{font:10px var(--mono);margin-top:9px;color:var(--persimmon)}.pattern{padding:115px 8%;background:var(--sea);display:grid;grid-template-columns:.65fr 1.1fr .45fr;gap:0;align-items:center}.pattern img{width:100%;height:420px;object-fit:cover}.pattern>div{padding:25px}.pattern p{color:var(--indigo)}.thread{padding:120px 8%;background:#fff;display:grid;grid-template-columns:1fr .8fr .45fr .45fr .45fr;gap:18px;align-items:end}.thread>div{grid-column:span 2}.thread h2{margin:0}.thread img{width:100%;height:360px;object-fit:cover}.thread article{min-height:210px;padding:18px;background:var(--flax);border-top:6px solid var(--persimmon);font:26px/1.1 var(--serif)}.thread article span{display:block;font:11px var(--mono);color:var(--indigo);margin-bottom:32px}.shelf{padding:115px 8%;display:grid;grid-template-columns:1fr .55fr .55fr;gap:25px;background:var(--indigo);color:#fff}.shelf p:first-child{color:var(--sea)}.shelf>div>p:not(:first-child){line-height:1.75}.shelf img{width:100%;height:350px;object-fit:cover;align-self:center}.faq{padding:120px 8%;display:grid;grid-template-columns:.75fr 1.1fr;gap:9vw}.faq>div>p:not(:first-child){line-height:1.75}.accordion-item{border-radius:0!important;border:0;border-bottom:1px solid var(--ink);background:transparent}.accordion-button{font:700 18px var(--sans);padding:22px 0;background:transparent!important;box-shadow:none!important}.accordion-body{padding:0 0 22px;line-height:1.75}.request{padding:115px 8%;display:grid;grid-template-columns:1fr .85fr;gap:10vw;background:var(--persimmon);color:#fff}.request p:first-child{color:#fff0d9}.request>div>p:not(:first-child){line-height:1.75}.request img{width:100%;height:210px;object-fit:cover;margin-top:28px}.request form{padding:30px;background:var(--flax);color:var(--ink);display:grid;gap:12px;align-self:center}.form-control,.form-select{border-radius:0;font-size:16px;padding:13px}.request textarea{min-height:110px}.request label{font-size:14px}.request button{border:0}.close{min-height:460px;position:relative;isolation:isolate;display:flex;align-items:end;padding:90px 8%;color:#fff}.close img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.close:after{content:'';position:absolute;inset:0;background:rgba(32,49,65,.6);z-index:-1}.close h2{font-size:clamp(4rem,7vw,8rem);line-height:.82;margin:0}footer{padding:55px 8%;background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p{max-width:280px;line-height:1.7;margin:0}@media(max-width:750px){header{height:62px;padding:0 5%}header nav{display:none}.hero,.spools,.pattern,.thread,.shelf,.faq,.request{display:grid;grid-template-columns:1fr;gap:32px}.hero{padding:62px 0 0}.hero>div{min-height:550px;padding:90px 8% 50px}.hero>img{height:380px}h1{font-size:4.4rem}.spools,.pattern,.thread,.shelf,.faq,.request{padding:75px 7%}.spools figure img{height:340px}.pattern img{height:300px}.thread>div{grid-column:auto}.thread img{height:320px}.shelf img{height:300px}.request form{padding:22px}footer{padding:45px 7%;display:grid;grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}}