@font-face{font-family:Stitch;src:url('/sashiko/fonts/cormorant-display-regular-600.woff') format('woff');font-weight:600;font-display:swap}
:root{--paper:#f6f3ec;--ink:#193448;--muted:#5d686b;--rule:#d7d8cf;--gold:#937342;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a,button,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ae7637;outline-offset:5px}.site-header,main,footer{max-width:1360px;margin:auto;padding-inline:clamp(22px,5.5vw,88px)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:26px;border-bottom:1px solid var(--rule)}.brand{font:600 40px/1 Stitch,Georgia,serif;text-decoration:none}.brand span{display:block;font:9px/1.4 system-ui,sans-serif;letter-spacing:.16em;margin-top:10px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.header-store{border-bottom:1px solid var(--ink)}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-block:64px 72px}.home-hero{padding-block:90px 80px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}h1,h2,h3{font-weight:400}h1{font:600 clamp(42px,5vw,68px)/1.01 Stitch,Georgia,serif;letter-spacing:-.025em;margin:0 0 28px}h1 em,h2 em{font-weight:inherit;font-style:normal}h2{font:600 clamp(32px,4vw,52px)/1.12 Stitch,Georgia,serif;letter-spacing:-.02em;margin:0 0 22px}h3{font:600 29px/1.2 Stitch,Georgia,serif;margin:18px 0 10px}.lede{color:var(--muted);font-size:17px;max-width:34em}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.actions>a:not(.button){font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:#fff;padding:13px 22px;min-height:48px;border:1px solid var(--ink);border-radius:2px;font-size:13px;text-decoration:none}.button:hover{background:#31536a}.fine{font-size:12px;line-height:1.7;color:var(--muted)}.hero-art{margin:0;min-width:0}.swatch-study{background:#e6e4d9;padding:38px 28px 45px;position:relative;transform:rotate(-3deg);box-shadow:0 20px 40px -30px #23323a65}.swatch-study:before{content:'';display:block;position:absolute;width:52px;height:22px;background:#f9f5e9cc;top:-9px;left:45%;transform:rotate(9deg)}.swatch-study svg{display:block;width:100%;height:auto;box-shadow:3px 7px 15px #18294420}.hero-art figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:35px;font-size:9px;color:var(--muted);letter-spacing:.07em}.section{padding-block:70px;border-top:1px solid var(--rule)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-heading>p{max-width:390px;color:var(--muted)}.section-heading>a{font-size:13px;padding-bottom:8px}.section-heading h2{margin-bottom:0}.guide-links{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--rule);margin-block:26px}.guide-links a{display:flex;align-items:center;gap:14px;min-height:90px;text-decoration:none;font-size:14px;padding:20px 18px;border-right:1px solid var(--rule)}.guide-links a:last-child{border-right:0}.guide-links span{font-size:10px;color:var(--gold)}.guide-links b{margin-left:auto;font-weight:400}.guide-links a:hover{background:#eceadf}.motif-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.motif-cards article{min-width:0}.motif-image{display:block;padding:34px 24px 22px;background:#e9e6dc;text-decoration:none;transition:background .2s}.motif-image:hover{background:#dedfd4}.motif-image svg{display:block;width:100%;height:230px;object-fit:contain}.motif-image span{display:block;text-align:right;font-size:11px;margin-top:20px}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.03em;color:var(--muted);margin-top:20px}.motif-cards h3 a{text-decoration:none}.motif-cards p{font-size:14px;color:var(--muted);margin-top:0}.craft-story{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:70px;border-top:1px solid var(--rule)}.cloth-frame{height:400px;position:relative;background:#182944;min-width:0}.cloth-frame canvas{width:100%;height:100%;display:block}.cloth-frame button{position:absolute;bottom:15px;right:15px;background:#182944;color:#eee6d9;border:1px solid #eee6d980;padding:9px 13px;font-size:11px;min-height:44px}.craft-story p:not(.eyebrow){color:var(--muted)}.text-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;margin-top:24px}.invitation{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px;background:#e9e8de;margin-block:20px 70px}.invitation p:not(.eyebrow){color:var(--muted)}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:28px;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:1fr 2.1fr;gap:80px;border-top:1px solid var(--rule);padding-block:60px}.reading-layout aside{align-self:start;position:sticky;top:30px}.reading-layout aside nav{display:grid;gap:18px;font-size:13px}.prose section{margin-bottom:46px;scroll-margin-top:30px}.prose p{color:var(--muted);max-width:43em}.prose h2{font-size:35px;margin-top:22px}.section-number{color:var(--gold);font-size:10px}.faq{max-width:750px;margin:0 auto 70px}details{border-top:1px solid var(--rule);padding:20px 0}summary{font-weight:500;cursor:pointer;min-height:44px}details p{color:var(--muted)}.narrow{max-width:760px;margin:auto}.motif-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--rule);padding-block:55px}.chart-paper{margin:0;align-self:start;background:white;padding:20px}.chart-paper img{width:100%;height:auto;display:block}.chart-paper figcaption{font-size:11px;color:var(--muted)}.specs{margin:0 0 30px}.specs>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--rule);padding:12px 0;font-size:13px}.specs dd{margin:0;text-align:right}.specs dt{color:var(--muted)}.editor{border-top:1px solid var(--rule);padding-block:40px}.editor-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:center}.editor-toolbar h2{margin-bottom:0}label{font-size:12px;display:grid;gap:6px}select{min-height:44px;font-size:16px;color:var(--ink);background:transparent;border:1px solid #9aa5a5;padding:8px 30px 8px 12px;border-radius:2px;max-width:100%}.editor-work{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-block:30px}.editor-work>div{min-width:0}#chart-grid{display:grid;grid-template-columns:repeat(12,1fr);aspect-ratio:1;outline:1px solid #bcc6c7}#chart-grid button{border:1px solid #ffffff55;border-radius:0;padding:0;min-width:0;line-height:1;position:relative}#chart-grid button:focus-visible{outline:3px solid #ed772b;outline-offset:-3px;z-index:1}.repeat-panel{background:#e9e6dc;padding:24px;align-self:start}#repeat-preview svg{display:block;width:100%;height:auto}.editor-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.editor-controls button:not(.button){min-height:48px;border:1px solid #9aa5a5;padding:10px 18px;background:transparent;color:var(--ink);font-size:13px}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:40px 70px}.three-steps span{font-size:11px;color:var(--gold)}.three-steps p{font-size:14px;color:var(--muted)}footer{padding-block:42px;border-top:1px solid var(--rule);display:flex;align-items:center;flex-wrap:wrap;gap:30px;justify-content:space-between}footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}footer nav a{min-height:44px;display:flex;align-items:center}footer>.fine{flex-basis:100%;margin:0}#print-chart{display:none}
@media(min-width:1600px){.home-hero{padding-block:115px}}
@media(max-width:850px){.site-header nav{gap:18px}.hero{gap:35px}.hero h1{font-size:48px}.guide-links{grid-template-columns:repeat(2,1fr)}.guide-links a:nth-child(2){border-right:0}.guide-links a:nth-child(-n+2){border-bottom:1px solid var(--rule)}.craft-story{gap:35px}.cloth-frame{height:330px}.invitation{gap:35px;padding:32px}.reading-layout{gap:35px}.motif-image{padding:20px 14px}.motif-image svg{height:180px}.motif-detail,.editor-work{gap:30px}}
@media(max-width:620px){.site-header{align-items:flex-start;flex-wrap:wrap;gap:18px;padding-block:20px}.brand{font-size:34px}.site-header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.hero,.craft-story,.invitation,.reading-layout,.motif-detail,.editor-work{grid-template-columns:1fr}.hero,.home-hero{padding-block:38px 52px;gap:45px}.hero h1{font-size:44px}.hero-art{margin-inline:14px}.swatch-study{padding:26px 20px 30px}.hero-art figcaption{font-size:8px;margin-top:25px}.lede{font-size:16px}.actions{gap:18px}.section{padding-block:42px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:22px}.section-heading>a{display:inline-block;margin-top:18px}.guide-links a{padding:15px 10px;font-size:13px;gap:9px;min-height:75px}.motif-cards{grid-template-columns:1fr;gap:30px}.motif-image{padding:30px}.motif-image svg{height:245px}.card-meta{font-size:10px}.craft-story{padding-block:45px}.cloth-frame{height:340px}.invitation{padding:28px 22px;gap:12px;margin-bottom:45px}.reading-layout{padding-block:35px;gap:30px}.reading-layout aside{position:static}.reading-layout aside nav{grid-template-columns:1fr 1fr;gap:10px}.reading-layout aside a{min-height:44px}.motif-detail{padding-block:35px}.editor-toolbar{align-items:start;flex-direction:column;gap:20px}.editor-work{gap:25px}.editor-controls{gap:10px}#chart-grid{min-height:288px}#chart-grid button{font-size:13px}.three-steps{grid-template-columns:1fr;gap:10px}.three-steps article{border-top:1px solid var(--rule);padding-top:20px}.specs>div{font-size:12px}footer nav{gap:15px}.quiet-link{display:inline-flex;align-items:center;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body>*{display:none!important}body>#print-chart{display:block!important;background:white;color:black;padding:15mm}#print-chart svg{max-width:160mm;max-height:230mm;width:100%;height:auto}body:not(:has(#print-chart))>main{display:block!important}body:not(:has(#print-chart)) .hero-art,body:not(:has(#print-chart)) .guide-links,body:not(:has(#print-chart)) .button{display:none!important}}