@font-face{font-family:Cormorant;src:url('/fonts/cormorant.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter.woff') format('woff');font-weight:100 900;font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/mono.woff') format('woff');font-display:swap}
:root{--ivory:#f6f3ee;--paper:#fbf9f5;--ink:#26221f;--muted:#63584f;--rose:#8e3f58;--rose-soft:#eddee2;--kraft:#e9d8bb;--wood:#b68b63;--story:#8e3f58;--max:1220px;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:17px/1.65 Inter,Arial,sans-serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 1h6M1 0v6' stroke='%23c8bca8' stroke-opacity='.12' stroke-width='.5'/%3E%3C/svg%3E")}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Cormorant,Georgia,serif;font-weight:500;line-height:1.08;text-wrap:balance}h1{font-size:clamp(44px,4.8vw,70px)}h2{font-size:clamp(36px,3.7vw,51px)}h3{font-size:29px}p{margin:0 0 18px}h3+p,h2+p{margin-top:16px}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:var(--ink);background:var(--paper);border:1px solid #b5a597;cursor:pointer;min-height:44px;padding:8px 15px;border-radius:3px}button:disabled{cursor:default;opacity:.5}a:hover,button:hover{color:var(--rose)}button[aria-pressed=true]{border-color:var(--rose);background:var(--rose-soft)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:4px}img{max-width:100%;height:auto;display:block}canvas{display:block;max-width:100%}svg{display:block}input,select{width:100%;min-height:48px;padding:11px 13px;color:var(--ink);border:1px solid #9a8878;background:var(--paper);border-radius:2px;max-width:100%}label{display:block;margin:12px 0 7px;font-size:15px}ul,ol{padding-left:24px}li{margin:8px 0}strong,b{font-weight:600}[hidden]{display:none!important}.wrap{width:calc(100% - 96px);max-width:var(--max);margin-inline:auto}.caption{font-size:14px;line-height:1.55;color:var(--muted)}.lede{font-size:19px;line-height:1.6;max-width:640px}.js-only{display:none}.js .js-only{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--paper);padding:10px 16px}.skip:focus{top:10px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:11px 21px;border:1px solid #a38b79;border-radius:3px;text-decoration:none;font-size:16px;line-height:1.4;background:var(--paper)}.button.primary{color:#fff;background:var(--rose);border-color:var(--rose)}.button.primary:hover{background:#713044;border-color:#713044}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px}.mast{display:flex;align-items:center;justify-content:space-between;min-height:110px;gap:24px;border-bottom:1px solid #c7b9a8}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:44px;height:44px}.wordmark{display:block;font-size:17px;letter-spacing:2.2px;line-height:1.5}.tagline{display:block;font-family:Cormorant,Georgia,serif;font-size:17px;letter-spacing:.2px}.desktop-nav{display:flex;gap:25px;align-items:center}.desktop-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:15px}.desktop-nav a[aria-current]{box-shadow:inset 0 -2px var(--rose)}.menu-toggle{display:none!important;gap:8px;align-items:center;font-size:14px;border:0;padding:8px}.menu-toggle svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.3}.nojs-nav{display:flex;gap:15px;flex-wrap:wrap;padding-block:12px}.nojs-nav a{padding:8px 0}.story{position:relative;isolation:isolate}.story-thread{position:absolute;inset:0 auto 0 18px;width:28px;height:100%;z-index:-1;overflow:visible;pointer-events:none}.story-thread path{stroke:var(--story);stroke-width:1.8;fill:none;opacity:.65}.chapter{padding-block:76px;position:relative;scroll-margin-top:24px}.chapter-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.chapter-number{flex:0 0 49px;width:49px;height:49px}.chapter-intro{margin-left:67px;max-width:620px;font-size:18px}.chapter-pick{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;row-gap:32px;padding-top:58px;padding-bottom:56px}.pick-copy{align-self:center}.pick-copy .chapter-heading{align-items:flex-start;gap:14px}.pick-copy .chapter-number{margin-top:8px}.pick-copy h1{max-width:440px}.pick-copy p{max-width:460px}.pick-copy .lede{margin-bottom:18px}.pick-copy .button{margin-top:10px}.hero-project{align-self:start;justify-self:center;width:min(100%,435px);text-align:center}.hero-hoop{position:relative;aspect-ratio:1;border:11px solid #b9916c;border-radius:50%;padding:13px;background:#ede1ce;box-shadow:inset 0 0 0 2px #6e4d30,0 0 0 2px #d2b493,0 9px 15px #6c4b3020;transform:rotate(2deg)}.hero-hoop:after{content:'';position:absolute;inset:0;border:3px solid #e2c4a3;border-radius:50%;pointer-events:none}.hero-hoop img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#f6f3ee;transform:rotate(-2deg)}.hoop-screw{position:absolute;width:49px;height:20px;border:4px solid #a47d4e;border-bottom:0;top:-29px;left:calc(50% - 24px);background:var(--ivory);z-index:2}.hoop-screw:after{content:'';position:absolute;left:-10px;right:-10px;height:3px;top:4px;background:#665445}.hero-project figcaption{margin-top:22px}.hero-project h2{font-size:30px}.hero-project p{margin:8px 0 0}.pegboard{grid-column:1/-1;background-color:#e9e1d6;background-image:radial-gradient(#b3a390 1px,transparent 1.6px);background-size:24px 24px;border-radius:4px;display:flex;justify-content:center;gap:48px;padding:30px 32px 24px;box-shadow:inset 0 1px 2px #98837225}.project-choice{display:flex;flex-direction:column;align-items:center;flex:0 1 200px;text-decoration:none;min-width:0;position:relative}.small-hoop{width:116px;height:116px;padding:5px;background:#d5b18d;border:4px solid #b28b66;border-radius:50%;position:relative;box-shadow:0 3px 5px #49342125}.small-hoop:before{content:'';position:absolute;top:-10px;left:calc(50% - 10px);width:20px;height:8px;background:#977353;border-top:2px solid #5d4a3b}.small-hoop img{width:100%;height:100%;border-radius:50%;object-fit:contain}.project-tag{padding:12px 10px 9px;margin-top:15px;background:#f0e0c5;box-shadow:1px 3px 3px #513c2120;transform:rotate(-2deg);width:100%;text-align:center;border-top:1px solid #d3b88f}.project-choice:nth-child(even) .project-tag{transform:rotate(2deg)}.project-tag strong{font:500 22px/1.12 Cormorant,Georgia,serif;display:block;margin-bottom:8px}.project-tag span{font-size:14px;line-height:1.45;display:block}.project-choice[aria-current=true] .small-hoop{outline:3px solid var(--rose);outline-offset:6px}.selection-note{grid-column:1/-1;font-size:14px;color:var(--muted);margin:0;text-align:center}.seam{width:calc(100% - 96px);max-width:var(--max);margin:auto;height:24px}.seam svg{width:100%;height:24px;stroke:#9c7a6b;stroke-width:1;fill:none}.seam .sewn{stroke-dasharray:8 6;stroke:var(--rose);opacity:.65}.craft-layout{display:grid;grid-template-columns:1.07fr 1fr;gap:55px;align-items:start;margin-top:32px}.sewing-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:18px;background:#cdb59b;border:8px solid #bea084;box-shadow:inset 0 0 6px #6c503f30,0 8px 18px #47311a12;border-radius:7px}.craft-choice{border:0;box-shadow:inset 0 2px 6px #77624c18;background:#f4eee4;min-height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 7px;font-size:15px;line-height:1.25}.craft-choice img{width:64px;height:64px;object-fit:cover;clip-path:polygon(0 4%,5% 0,10% 4%,15% 0,20% 4%,25% 0,30% 4%,35% 0,40% 4%,45% 0,50% 4%,55% 0,60% 4%,65% 0,70% 4%,75% 0,80% 4%,85% 0,90% 4%,95% 0,100% 4%,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%)}.craft-choice[aria-checked=true]{background:#eddee2;outline:2px solid var(--rose);outline-offset:-2px;color:#602c3c}.craft-stage{position:sticky;top:28px;background:var(--ivory);padding:12px 12px 17px;min-width:0}.stage-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.stage-heading h3{font-size:30px}.stage-heading .caption{text-align:right;max-width:155px}.stage-art{display:flex;align-items:center;justify-content:center;height:400px;margin-block:10px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 5px,#baa58d14 5px 6px),repeating-linear-gradient(90deg,#faf7f0 0 5px,#d6c6ad40 5px 6px)}.stage-art img{width:100%;height:100%;object-fit:contain}.craft-stage figcaption{text-align:center;font-size:15px;line-height:1.55}.craft-stage figcaption span,.craft-stage figcaption strong{display:block}.craft-stage figcaption span{margin-top:5px}.craft-source{margin:24px 0 0;max-width:860px;font-size:15px}.craft-stage.reveal-diagonal .stage-art img{animation:diagonal .7s ease-out both}.craft-stage.reveal-rows .stage-art img{animation:rows .65s steps(16) both}.craft-stage.reveal-beads .stage-art img{animation:beads .65s ease-out both}.craft-stage.reveal-drills .stage-art img{animation:press .55s ease-out both}@keyframes diagonal{from{clip-path:polygon(0 100%,0 100%,0 100%)}to{clip-path:polygon(0 -100%,200% 100%,0 100%)}}@keyframes rows{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes beads{from{clip-path:inset(100% 0 0);transform:translateY(-5px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes press{from{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.63fr);gap:65px;margin-top:36px;align-items:start}.reader-sticky{position:sticky;top:24px;min-width:0}.pattern-page{background:#fffefa;padding:24px;box-shadow:0 7px 17px #5f4c3517;position:relative;border:1px solid #e4dcd0}.pattern-page:before,.pattern-page:after{content:'';width:96px;height:28px;background:repeating-linear-gradient(45deg,#b5aca070 0 8px,#ece2d4a0 8px 12px);position:absolute;top:-11px;transform:rotate(-12deg);left:-15px;z-index:1}.pattern-page:after{left:auto;right:-15px;transform:rotate(14deg)}.paper-heading{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--muted);margin-bottom:12px}.reader-canvas-wrap{position:relative;aspect-ratio:1}.reader-canvas-wrap img,.reader-canvas-wrap canvas{width:100%;height:100%;object-fit:contain}.js .chart-fallback{display:none}.paper-tools{display:flex!important;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:18px}.paper-tools .primary{flex:1}.paper-tools+p{margin:16px 0 0}.cell-detail{background:#ede3d8;margin-top:16px;padding:14px 18px;display:flex;gap:14px;align-items:center;min-height:92px;font-size:15px}.cell-detail span span{display:block;font-size:14px}.cell-symbol{font:22px Mono,monospace;min-width:42px;height:44px;display:grid;place-items:center;background:var(--paper);border:1px solid #b5a28b}.floss-card{background:#f0e5d3;padding:28px 20px 20px;border-radius:12px;box-shadow:3px 5px 10px #583c1910;position:relative}.floss-card:before{content:'';display:block;width:18px;height:18px;border-radius:50%;background:var(--ivory);margin:-16px auto 22px;box-shadow:inset 0 2px 2px #6d513d30}.floss-card h3{font-size:30px;margin-bottom:6px}.colour-key{display:grid;grid-template-columns:1fr;gap:3px;max-height:555px;overflow:auto;overscroll-behavior:contain;padding-right:6px}.floss{background:transparent;border:0;border-radius:0;padding:7px 4px;display:flex;align-items:center;gap:12px;text-align:left;min-width:0}.floss svg{width:39px;min-width:39px;height:49px}.floss>span{min-width:0}.floss strong{font:15px Mono,monospace;display:block;overflow-wrap:anywhere}.floss span span{display:block;font-size:14px;line-height:1.3}.floss small{font-size:14px;color:var(--muted)}.floss[aria-pressed=true]{background:#e6d0d5;box-shadow:inset 3px 0 var(--rose)}.gather-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start;margin-top:38px}.supplies-copy{max-width:420px;padding-top:24px}.supplies-copy h3{margin-bottom:18px}.supplies-copy h3:not(:first-child){margin-top:34px}.kraft-tag{background:var(--kraft);padding:36px 34px 30px;clip-path:polygon(23px 0,calc(100% - 23px) 0,100% 23px,100% 100%,0 100%,0 23px);filter:drop-shadow(0 4px 3px #70503120)}.tag-hole{width:13px;height:13px;border-radius:50%;background:var(--ivory);box-shadow:0 0 0 3px #c3a47f;margin:-18px auto 22px}.tag-hole:before{content:'';display:block;border-left:1px solid #947157;height:30px;transform:rotate(8deg);margin-left:7px;margin-top:-21px}.kraft-tag h3{font-size:34px}.shopping-list{padding:0;list-style:none;margin:23px 0 20px}.shopping-list li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;font-size:15px;line-height:1.4;align-items:start;margin:0;padding:11px 0;border-bottom:1px dashed #b9a080}.shopping-list li>strong{font-size:14px;max-width:130px;text-align:right}.swatch{width:12px;height:12px;background:var(--swatch);border:1px solid #77634c80;margin-top:5px}.quantity-details{margin-top:18px}.print-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-top:32px;align-items:start}.print-layout select{margin-bottom:15px}.ruler-card{border:2px dashed #a28878;outline:6px solid #ebe3d8;outline-offset:-10px;padding:28px;background:#f5eee3;min-width:0}.ruler-card h3{margin-bottom:16px}#calibration-area{width:100%;height:192px;display:flex;align-items:center;justify-content:center;min-width:0}#bank-card{width:min(285px,100%);aspect-ratio:85.6/53.98;max-width:100%;border:2px solid #806b58;border-radius:10px;background:linear-gradient(115deg,#e6d7bd70,#faf6ed);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;position:relative}#bank-card:after{content:'';position:absolute;bottom:13px;left:9px;right:9px;height:8px;border-bottom:1px solid #9f8870;background:repeating-linear-gradient(90deg,#897461 0 1px,transparent 1px 10%)}.calibration-controls{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calibration-controls output{font-size:14px;text-align:center}.calibration-controls button{min-width:46px;font-size:24px;padding:0}.ruler-card>button{margin-bottom:12px}.physical-window{position:relative;width:100%;height:280px;overflow:auto;overscroll-behavior:contain;background:#fffaf2;border-block:1px solid #cbb9a0;margin-top:20px}.physical-window img{width:240px;max-width:none;margin:auto;object-fit:contain}.physical-window+p{margin:12px 0 0}.learn-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:34px}.film-frame{padding:17px;background:#41372f;border-radius:22px;box-shadow:0 8px 10px #3324191a}.film-frame video{width:100%;aspect-ratio:1;display:block;background:#f6f3ee;border-radius:12px}.film-frame .caption{color:#f6f3ee;margin:13px 4px 0}.learn-layout h3{margin-bottom:16px}.tutorial{display:flex;align-items:flex-start;gap:14px;text-decoration:none;border-bottom:1px dashed #bdaa97;padding:20px 0;min-height:70px}.tutorial strong{font-size:16px;line-height:1.5;display:block}.tutorial span span{font-size:14px;line-height:1.5;color:var(--muted);display:block;margin-top:5px}.play-mark{font-size:27px;color:var(--rose);line-height:1.4}.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px;margin-bottom:65px}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:32px}.finish-grid figure{min-width:0}.finish-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--paper)}.finish-grid figcaption{padding:19px 4px 0}.finish-grid .caption{margin-top:7px}.finish-text{max-width:780px;margin:28px 0 0 67px}.chapter-home{background:var(--rose-soft);margin-top:44px;padding-block:62px 74px;clip-path:polygon(0 8px,3% 0,6% 8px,9% 0,12% 8px,15% 0,18% 8px,21% 0,24% 8px,27% 0,30% 8px,33% 0,36% 8px,39% 0,42% 8px,45% 0,48% 8px,51% 0,54% 8px,57% 0,60% 8px,63% 0,66% 8px,69% 0,72% 8px,75% 0,78% 8px,81% 0,84% 8px,87% 0,90% 8px,93% 0,96% 8px,100% 0,100% 100%,0 100%)}.take-home-layout{display:grid;grid-template-columns:1.1fr .8fr;gap:100px;margin-top:34px}.take-home-layout h3{font-size:35px;max-width:480px}.take-home-layout .text-link{display:flex;width:fit-content;margin-top:15px}.folded-note{background:var(--paper);padding:32px;box-shadow:4px 7px 0 #ad857920;transform:rotate(1deg);position:relative;border-top:1px solid #d6c5b4}.folded-note:after{content:'';position:absolute;right:0;top:0;border:15px solid transparent;border-right-color:#e2d5c6;border-top-color:#e2d5c6}.folded-note h3{font-size:31px}.folded-note p{font-size:16px}.footer{padding-block:32px;background:#e9e0d5}.backstitch{width:100%;height:48px;fill:none;stroke:#876b5d;stroke-width:1.3;margin-bottom:36px}.footer-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px}.footer-row p{font-family:Cormorant,Georgia,serif;font-size:24px;margin:14px 0}.footer nav{display:flex;gap:4px 25px;flex-wrap:wrap;align-content:flex-start}.footer nav a{font-size:15px;display:flex;align-items:center;min-height:44px}.footer-note{font-size:14px;color:var(--muted);max-width:750px;margin:25px 0 10px}.legal{font-size:13px;margin:0}.page-main{min-height:60vh;padding-block:65px 90px}.page-main>h1{max-width:850px;margin-bottom:23px}.page-main>h2{margin-top:45px;margin-bottom:26px}.prose{max-width:780px}.prose h1{margin-bottom:30px}.prose h2{font-size:35px;margin:36px 0 16px}.prose p,.prose li{max-width:760px}.prose .button{margin-top:16px}.owner-text{background:var(--kraft);padding:26px;margin:30px 0}.owner-text h2{margin-top:0}.filters{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:22px;margin:32px 0 12px}.filters label{margin:0}.filters select{margin-top:8px}.project-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 32px;margin-top:30px}.library-item{min-width:0}.library-item img{width:100%;aspect-ratio:1;object-fit:contain;background:#faf7f0}.library-item a{text-decoration:none}.library-item h2{font-size:32px;margin:20px 0 14px}.library-item p{font-size:15px;margin-bottom:8px}.library-item .caption{font-size:14px}.craft-index{display:grid;grid-template-columns:1fr 1fr;gap:28px 55px;margin-top:45px}.craft-index>a{display:flex;align-items:center;gap:24px;text-decoration:none;border-bottom:1px dashed #bda996;padding-bottom:22px}.craft-index img{width:110px;height:110px}.craft-index h2{font-size:34px}.craft-index p{font-size:15px;margin:8px 0 0}.craft-page-head{display:flex;align-items:center;gap:35px;margin-bottom:40px}.craft-page-head img{width:160px;height:160px}.craft-page-head h1{margin-bottom:15px}.help-groups{max-width:900px}.help-group{margin:40px 0}.help-group h2{font-size:35px;margin-bottom:15px}.qa{border-bottom:1px dashed #b6a492;padding:0}.qa summary{min-height:62px;padding:17px 25px 17px 0;cursor:pointer;font-size:18px;line-height:1.5}.qa>div{padding:4px 28px 14px 0;font-size:16px}.qa p{margin-bottom:16px}#help-search{max-width:650px}#help-count{margin-top:10px}.free-layout{display:grid;grid-template-columns:.7fr 1fr;gap:70px}.free-layout>.project-choice{width:100%}.free-layout .small-hoop{width:300px;height:300px}.free-layout .project-tag{max-width:300px}.free-layout form{max-width:500px}.consent{display:flex;gap:12px;align-items:flex-start}.consent input{width:20px;height:20px;min-height:20px;margin-top:4px;flex-shrink:0}.honey{position:absolute;left:-9999px}.free-layout form .button{margin-block:16px}dialog{padding:24px;border:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #20140f55;max-width:calc(100vw - 32px)}dialog::backdrop{background:#30271dcc}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-top h2{font-size:32px}.dialog-top button{white-space:nowrap}.menu-sheet{width:600px}.menu-sheet nav{display:flex;flex-direction:column}.menu-sheet nav a{min-height:60px;display:flex;align-items:center;border-bottom:1px dashed #bea692;text-decoration:none;font-size:22px;font-family:Cormorant,Georgia,serif}.chart-sheet{width:min(1120px,calc(100vw - 32px));height:calc(100dvh - 40px);max-height:100dvh;overflow:hidden}.chart-sheet[open]{display:flex;flex-direction:column}.zoom-tools{display:flex;gap:12px;align-items:center}.zoom-tools button{min-width:44px}.zoom-tools output{font-size:15px;flex:1}#zoom-detail{font-size:15px;margin:12px 0;min-height:48px}#zoom-viewport{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;touch-action:none;background:#eee7dc;border:1px solid #bca895;position:relative}#zoom-surface{position:relative}#zoom-chart{position:sticky;left:0;top:0;max-width:none;touch-action:none}.chart-sheet>.caption{margin:9px 0 0}form #form-error{color:#8e2943}.unroll{animation:unroll .65s ease-out both}@keyframes unroll{from{clip-path:inset(0 0 15%);opacity:.7}to{clip-path:inset(0);opacity:1}}@view-transition{navigation:auto}::view-transition-old(root){animation:needle-out .16s ease-in both}::view-transition-new(root){animation:needle-in .24s ease-out both}@keyframes needle-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes needle-out{to{opacity:.7}}
@media(min-width:1600px){:root{--max:1380px}.chapter-pick{column-gap:120px}.hero-project{width:460px}.pegboard{gap:75px}.stage-art{height:460px}.story-thread{left:max(23px,calc((100vw - 1510px)/2))}}
@media(max-width:1100px){.wrap,.seam{width:calc(100% - 64px)}.desktop-nav{gap:16px}.wordmark{font-size:15px;letter-spacing:1.5px}.chapter-pick{gap:34px}.hero-project{max-width:370px}.craft-layout{gap:28px}.sewing-tray{grid-template-columns:repeat(2,1fr)}.stage-art{height:350px}.reader-layout{gap:35px;grid-template-columns:1.1fr .8fr}.gather-layout,.print-layout,.learn-layout{gap:38px}.take-home-layout{gap:55px}.pegboard{gap:24px;padding-inline:20px}.project-tag strong{font-size:20px}.story-thread{left:8px;width:18px}.project-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.wrap,.seam{width:calc(100% - 40px)}.mast{min-height:90px}.desktop-nav{display:none}.js .menu-toggle{display:flex!important}.chapter{padding-block:56px}.chapter-pick{column-gap:24px}.pick-copy .chapter-heading{display:block}.pick-copy .chapter-number{margin-bottom:15px;width:36px;height:36px}.pick-copy h1{font-size:44px}.pick-copy .lede{font-size:17px}.pick-copy>p:not(.lede){display:none}.hero-project{max-width:330px;align-self:center}.hero-project h2{font-size:27px}.hero-project figcaption{margin-top:18px}.hero-hoop{border-width:8px;padding:7px}.pegboard{gap:22px}.small-hoop{width:98px;height:98px}.project-tag{padding-inline:7px}.project-tag strong{font-size:19px}.chapter-heading{gap:14px}.chapter-heading h2{font-size:39px}.chapter-intro{margin-left:0}.craft-layout{gap:22px;grid-template-columns:1fr 1fr}.craft-choice{min-height:124px;font-size:14px}.stage-heading{display:block}.stage-heading .caption{text-align:left;max-width:none}.stage-art{height:285px}.reader-layout{grid-template-columns:1fr .75fr;gap:20px}.pattern-page{padding:17px}.paper-tools{gap:8px}.paper-tools button{font-size:14px;padding:9px 10px}.floss-card{padding-inline:13px}.floss{gap:8px}.floss svg{width:32px;min-width:32px}.gather-layout,.print-layout{grid-template-columns:1fr 1fr;gap:24px}.kraft-tag{padding:30px 19px 20px}.shopping-list li{grid-template-columns:10px 1fr;gap:8px}.shopping-list li>strong{grid-column:2;justify-self:start}.supplies-copy{padding-top:10px}.ruler-card{padding:22px 17px}#calibration-area{height:170px}.learn-layout{gap:28px}.tutorial{padding:15px 0}.finish-grid{gap:25px}.take-home-layout{gap:35px}.folded-note{padding:25px}.footer-row{grid-template-columns:1fr 1fr}.footer-row>div:last-child{grid-column:1/-1;display:flex;gap:25px;align-items:center}.footer-row>div:last-child p{font-size:21px}.story-thread{left:3px;width:13px;opacity:.6}.craft-index{gap:25px}.craft-index>a{gap:14px}.craft-index img{width:80px;height:80px}.craft-index h2{font-size:29px}.free-layout{gap:30px}.free-layout .small-hoop{width:230px;height:230px}}
@media(max-width:600px){body{font-size:17px}.wrap,.seam{width:calc(100% - 36px)}.mast{min-height:82px;gap:8px}.brand{gap:9px}.brand img{width:35px;height:35px}.wordmark{font-size:13px;letter-spacing:1.3px}.tagline{font-size:15px}.menu-toggle{font-size:13px;padding:7px 2px;gap:4px}.menu-toggle svg{width:23px}.chapter{padding-block:45px}.chapter-pick{display:flex;flex-direction:column;gap:28px;padding-top:28px}.pick-copy .chapter-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pick-copy .chapter-number{margin:0;flex-basis:34px;width:34px;height:34px}.pick-copy h1{font-size:43px;line-height:.97}.pick-copy .lede{font-size:17px;margin:0;line-height:1.55}.pick-copy .button{display:none}.hero-project{width:258px;max-width:85%;margin-top:6px}.hero-hoop{padding:9px}.hero-project h2{font-size:28px}.hero-project figcaption{margin-top:16px}.hero-project .caption{font-size:14px}.pegboard{width:calc(100% + 0px);justify-content:flex-start;gap:19px;padding:23px 15px 18px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.project-choice{flex:0 0 133px;scroll-snap-align:start}.small-hoop{width:90px;height:90px}.project-tag strong{font-size:21px}.project-tag span{font-size:14px}.selection-note{text-align:left;font-size:14px;margin:0}.chapter-heading{gap:12px;margin-bottom:18px}.chapter-heading h2{font-size:38px}.chapter-number{flex-basis:34px;width:34px;height:34px}.chapter-intro{font-size:17px;margin-bottom:20px}.craft-layout{display:flex;flex-direction:column;gap:18px;margin-top:20px;position:relative}.craft-stage{order:-1;position:sticky;top:0;width:calc(100% + 20px);margin-inline:-10px;z-index:4;padding:12px 10px 13px;box-shadow:0 8px 10px #725b3b12;border-bottom:1px solid #d4c5b4}.stage-heading{display:flex;gap:8px;align-items:center}.stage-heading h3{font-size:26px;flex-shrink:0}.stage-heading .caption{font-size:14px;text-align:right;line-height:1.25;max-width:135px}.stage-art{height:clamp(145px,27svh,236px);margin-block:5px}.craft-stage figcaption{font-size:14px;line-height:1.35}.craft-stage figcaption span{margin-top:3px}.craft-stage figcaption .caption{font-size:14px}.sewing-tray{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;border-width:6px;gap:8px}.craft-choice{min-height:111px;font-size:15px;padding:9px}.craft-choice img{width:59px;height:59px}.craft-source{font-size:15px}.reader-layout{display:block;margin-top:30px}.reader-sticky{top:0;position:sticky;z-index:3;background:var(--ivory);padding-top:12px;padding-bottom:12px}.reader-canvas-wrap{width:min(100%,250px);margin:auto}.pattern-page{padding:15px}.paper-heading{font-size:14px;line-height:1.35;margin-bottom:7px}.paper-heading span:first-child{max-width:65%}.paper-tools{margin-top:10px}.paper-tools button{font-size:14px;min-height:44px}.paper-tools+p{display:none}.cell-detail{margin-top:9px;min-height:75px;padding:10px 12px;line-height:1.4}.cell-detail strong{font-size:14px}.cell-detail span span{font-size:14px}.cell-symbol{min-width:36px;height:38px}.floss-card{padding:25px 15px 18px;margin-top:10px}.colour-key{max-height:290px;grid-template-columns:1fr 1fr;gap:4px 12px}.floss{gap:7px}.floss svg{width:29px;min-width:29px;height:43px}.floss span span{font-size:14px;overflow-wrap:anywhere}.floss strong{font-size:14px}.floss small{font-size:14px}.gather-layout,.print-layout{display:block;margin-top:25px}.supplies-copy{max-width:none;padding:0}.kraft-tag{margin-top:32px;padding:36px 22px 22px}.shopping-list li{grid-template-columns:12px minmax(0,1fr) auto;gap:9px}.shopping-list li>strong{grid-column:auto;text-align:right;justify-self:end;max-width:82px}.kraft-tag .caption{font-size:14px}.ruler-card{margin-top:30px;padding:26px 20px}#calibration-area{height:185px}.physical-window{height:250px}.learn-layout{display:flex;flex-direction:column;gap:32px}.learn-layout>*{width:100%}.film-frame{max-width:360px;margin:auto;padding:12px;border-radius:18px}.film-frame .caption{font-size:14px}.learn-layout h3{font-size:30px}.finish-grid{gap:30px;grid-template-columns:1fr}.finish-grid figcaption{padding-top:14px}.finish-grid h3{font-size:30px}.finish-text{margin:0}.take-home-layout{display:flex;flex-direction:column;gap:35px;margin-top:30px}.take-home-layout h3{font-size:33px}.chapter-home{margin-top:15px;padding-top:48px}.take-home-layout .folded-note{max-width:100%;transform:rotate(.7deg)}.footer{padding-top:18px}.backstitch{margin-bottom:23px}.footer-row{display:flex;flex-direction:column;gap:16px}.footer-row>div:last-child{display:block}.footer-row>div:last-child p{margin:6px 0}.footer-row p{margin:10px 0}.footer nav{gap:3px 21px}.footer nav a{font-size:15px}.footer-note{margin-top:18px}.story-thread{display:block;left:1px;width:11px;opacity:.4}.page-main{padding-block:35px 60px}.page-main>h1,.prose h1{font-size:45px}.page-main>.lede{font-size:18px}.filters{grid-template-columns:1fr!important;gap:12px;margin-top:23px}.filters label{font-size:15px}.project-library{grid-template-columns:1fr;gap:32px}.library-item h2{font-size:34px;margin-top:17px}.library-item p{font-size:15px}.library-item .caption{font-size:14px}.craft-index{grid-template-columns:1fr;gap:22px;margin-top:32px}.craft-index img{width:94px;height:94px}.craft-index h2{font-size:32px}.craft-index p{font-size:15px}.craft-page-head{gap:19px;align-items:center}.craft-page-head img{width:92px;height:92px}.craft-page-head h1{font-size:39px}.craft-page-head .lede{font-size:17px}.tutorial-grid{grid-template-columns:1fr;margin-bottom:40px}.qa summary{font-size:17px}.qa>div{font-size:16px;padding-right:0}.free-layout{display:block}.free-layout>.project-choice{width:100%;margin-block:35px}.menu-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:100%;margin:0;max-height:85dvh;padding:25px 22px 30px;border-radius:18px 18px 0 0}.menu-sheet .dialog-top h2{font-size:30px}.chart-sheet{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:15px;border-radius:0}.dialog-top{gap:10px;margin-bottom:12px}.chart-sheet .dialog-top h2{font-size:28px}.dialog-top button{font-size:14px;padding-inline:12px}.zoom-tools{gap:8px}.zoom-tools output{font-size:14px}.zoom-tools button{font-size:14px;padding:8px 12px}#zoom-detail{font-size:14px;line-height:1.45;min-height:48px}.chart-sheet>.caption{font-size:14px}.prose h2{font-size:32px}.owner-text{padding:22px}}
.story-thread{left:0!important;width:100%;opacity:.8}.story-thread path{opacity:.48}.ruler-card #calibration-area{height:auto;min-height:0;padding-block:18px}.physical-window canvas{max-width:none;margin:auto}.finish-grid img{aspect-ratio:1.25;object-fit:cover}.reader-canvas-wrap canvas{display:none!important}.reader-canvas-wrap.chart-ready canvas{display:block!important}.js .reader-canvas-wrap:not(.chart-ready) .chart-fallback{display:block}.reader-canvas-wrap.chart-ready .chart-fallback{display:none}.js:not(.chart-ready) .paper-tools{display:flex!important}html:not(.js) .paper-tools,html:not(.js) .calibration-controls,html:not(.js) .filters{display:none!important}.craft-stage figcaption>strong,.craft-stage figcaption>#craft-size{font-size:15px}.project-facts,#project-facts{font-size:15px}#turnstile{font-size:14px}#physical-chart{image-rendering:auto}#shopping-list{max-height:500px;overflow:auto;overscroll-behavior:contain;padding-right:8px}#shopping-list:focus-visible{outline:3px solid var(--rose);outline-offset:4px}#shopping-list .shopping-list{margin-top:3px}.supplies-copy{position:sticky;top:28px}
@media(max-width:600px){#shopping-list{max-height:400px}.supplies-copy{position:static}}
@media(max-width:800px){.past-mast .menu-toggle{position:fixed;right:16px;bottom:15px;z-index:15;background:#fbf9f5;border:1px solid #9c7d68;padding:9px 13px;box-shadow:0 3px 12px #4a322322}.finish-grid img{aspect-ratio:1.25}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.story-thread path{stroke-dasharray:none!important;stroke-dashoffset:0!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}