.ffsv-zone{padding:clamp(2.4rem,5vw,4.4rem) 0;background:#faf7f1}.ffsv-reference{display:grid;gap:clamp(1.2rem,2.5vw,2rem);color:#17312f}.ffsv-reference *{box-sizing:border-box}.ffsv-kicker{display:block;margin-bottom:.45rem;color:#b94f32;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ffsv-reference h2{margin:0 0 .7rem;font-family:Georgia,Cambria,serif;font-size:clamp(1.45rem,2.6vw,2.05rem);line-height:1.16;color:#17312f}.ffsv-reference p{margin:.45rem 0 0;color:#4c625f;line-height:1.7}.ffsv-intro-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(1.4rem,3vw,2.5rem);align-items:center;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid #dfe8e3;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(23,49,47,.06)}.ffsv-diagram{position:relative;display:grid;grid-template-columns:42px minmax(220px,1fr) 42px;grid-template-rows:minmax(190px,1fr) 34px;min-height:230px;padding:16px 12px 8px;border-radius:16px;background:#f4ede4;overflow:hidden}.ffsv-diagram__cloth{position:relative;grid-column:2;grid-row:1;overflow:hidden;border:1px solid rgba(24,79,75,.24);background:repeating-linear-gradient(90deg,rgba(24,79,75,.08) 0 2px,transparent 2px 24px),repeating-linear-gradient(0deg,rgba(185,79,50,.08) 0 2px,transparent 2px 24px)}.ffsv-diagram__warp{position:absolute;top:0;bottom:0;width:3px;background:rgba(24,79,75,.56)}.ffsv-diagram__warp:nth-of-type(1){left:10%}.ffsv-diagram__warp:nth-of-type(2){left:26%}.ffsv-diagram__warp:nth-of-type(3){left:42%}.ffsv-diagram__warp:nth-of-type(4){left:58%}.ffsv-diagram__warp:nth-of-type(5){left:74%}.ffsv-diagram__warp:nth-of-type(6){left:90%}.ffsv-diagram__weft{position:absolute;left:0;right:0;height:3px;background:rgba(185,79,50,.5)}.ffsv-diagram__weft:nth-of-type(1){top:14%}.ffsv-diagram__weft:nth-of-type(2){top:32%}.ffsv-diagram__weft:nth-of-type(3){top:50%}.ffsv-diagram__weft:nth-of-type(4){top:68%}.ffsv-diagram__weft:nth-of-type(5){top:86%}.ffsv-diagram__edge{grid-row:1;display:flex;align-items:center;justify-content:center;background:#184f4b}.ffsv-diagram__edge--left{grid-column:1;border-radius:8px 0 0 8px}.ffsv-diagram__edge--right{grid-column:3;border-radius:0 8px 8px 0}.ffsv-diagram__edge span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ffsv-diagram__width{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;position:relative;font-size:.76rem;font-weight:800;color:#184f4b}.ffsv-diagram__width:before,.ffsv-diagram__width:after{content:"";position:absolute;top:50%;height:1px;background:#6c8d7b;width:25%}.ffsv-diagram__width:before{left:0}.ffsv-diagram__width:after{right:0}.ffsv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ffsv-facts>div{padding:16px;border:1px solid #dfe8e3;border-radius:14px;background:#fff}.ffsv-facts strong,.ffsv-facts span{display:block}.ffsv-facts strong{color:#184f4b}.ffsv-facts span{margin-top:4px;color:#61736f;font-size:.9rem;line-height:1.45}.ffsv-section-head{max-width:800px;padding-top:.3rem}.ffsv-compare{overflow:hidden;border:1px solid #dfe8e3;border-radius:16px;background:#fff}.ffsv-compare__row{display:grid;grid-template-columns:minmax(130px,.6fr) repeat(2,minmax(0,1fr));border-top:1px solid #e5ebe8}.ffsv-compare__row:first-child{border-top:0}.ffsv-compare__row>*{padding:13px 15px}.ffsv-compare__row>*+*{border-left:1px solid #e5ebe8}.ffsv-compare__row--head{background:#184f4b;color:#fff;font-weight:900}.ffsv-compare__row strong{color:#17312f}.ffsv-compare__row span{color:#536864}.ffsv-compare__row--head span{color:#fff}.ffsv-width-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;align-items:center;padding:clamp(1.35rem,3vw,2rem);border-radius:18px;background:#17312f}.ffsv-width-card h2,.ffsv-width-card p{color:#fff}.ffsv-width-card .ffsv-kicker{color:#eaa78f}.ffsv-width-card__example{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:18px;border-radius:14px;background:#fff}.ffsv-width-card__example>span{grid-column:1/-1;margin-bottom:6px;color:#b94f32;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ffsv-width-card__example strong{font-size:1.55rem;color:#184f4b}.ffsv-width-card__example p{margin:0;color:#61736f}.ffsv-width-card__example div{grid-column:1/-1;margin:1px 0;color:#b94f32;font-weight:900}.ffsv-related{padding:16px 18px;border:1px solid #dfe8e3;border-left:4px solid #b94f32;border-radius:12px;background:#fff}.ffsv-related strong{display:block;margin-bottom:8px;color:#17312f}.ffsv-related div{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.ffsv-related a{font-weight:800;color:#184f4b}.ffsv-related span{color:#b94f32}.selvage-editor-content details{margin:0 0 10px;padding:13px 15px;border:1px solid #dfe8e3;border-radius:10px;background:#fff}.selvage-editor-content summary{cursor:pointer;font-weight:800;color:#17312f}.selvage-editor-content details p{margin:.75rem 0 0}.selvage-benefits span{font-weight:900;color:#b94f32}
@media(max-width:880px){.ffsv-intro-card,.ffsv-width-card{grid-template-columns:1fr}.ffsv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ffsv-diagram{min-height:210px}}
@media(max-width:640px){.ffsv-facts{grid-template-columns:1fr}.ffsv-compare{border:0;background:transparent}.ffsv-compare__row,.ffsv-compare__row--head{display:block;margin-bottom:10px;border:1px solid #dfe8e3;border-radius:12px;background:#fff}.ffsv-compare__row--head{display:none}.ffsv-compare__row>*{display:block;padding:9px 12px;border:0!important}.ffsv-compare__row strong{padding-bottom:4px;background:#f4f8f6}.ffsv-compare__row span:before{display:block;margin-bottom:2px;color:#8a9895;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ffsv-compare__row span:nth-child(2):before{content:"Selvage"}.ffsv-compare__row span:nth-child(3):before{content:"Raw edge"}.ffsv-diagram{grid-template-columns:34px minmax(0,1fr) 34px;padding-left:7px;padding-right:7px}.ffsv-diagram__width{font-size:.68rem}.ffsv-related div{display:grid;grid-template-columns:1fr}.ffsv-related span{display:none}}
