:root{--paper:#faf6ee;--ink:#332f28;--muted:#70685c;--red:#922b3e;--line:#d9d0c2;--wash:#eee7da;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:3px;min-height:44px;padding:9px 15px;font:13px/1.3 Arial,sans-serif}button:hover{border-color:var(--red);color:var(--red)}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--red)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}.site-header{max-width:1440px;margin:auto;padding:26px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:23px;text-decoration:none}.back-link{font:12px Arial,sans-serif;text-decoration:none}main{max-width:1440px;margin:auto}.intro{padding:43px 4% 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 12px}h1{font-weight:400;font-size:clamp(38px,4.4vw,65px);letter-spacing:-.045em;line-height:1.05;margin:0}h2,h3{font-weight:400}.intro-copy{padding-bottom:3px}.intro-copy p{margin:0;color:var(--muted);font-size:15px}.intro-copy p:first-child{font-size:20px;color:var(--ink);margin-bottom:5px}.explorer{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:30px;padding:0 4%;scroll-margin-top:20px}.map-column{min-width:0}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:16px 0}.map-heading h2{font-size:18px;margin:0}.map-heading p{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin:4px 0 0}.map-heading a{font:11px/1.5 Arial,sans-serif;white-space:nowrap;margin-bottom:3px}.map-frame{height:690px;height:clamp(460px,71vh,800px);position:relative;overflow:hidden;background:var(--wash);border:1px solid var(--line);border-radius:3px}.map-frame svg{display:block;height:100%;width:100%;touch-action:none;user-select:none;cursor:grab}.map-frame svg.dragging{cursor:grabbing}.hotspot{fill:transparent;stroke:transparent;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer;outline:none}.hotspot:hover,.hotspot:focus-visible{fill:#fff5;stroke:var(--red);stroke-width:2}.hotspot[aria-pressed=true]{stroke:var(--red);fill:#922b3e18;stroke-width:2.5}.show-outlines .hotspot{stroke:#922b3e70;stroke-width:1}.show-outlines .hotspot[aria-pressed=true],.show-outlines .hotspot:focus-visible{stroke:var(--red);stroke-width:2.5}.map-tools{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:4px;background:var(--white);box-shadow:0 2px 10px #30251512;padding:4px;border-radius:4px}.map-tools button{border-color:transparent}.map-tools button:first-child,.map-tools button:nth-child(3){font-size:21px;min-width:40px;padding:5px}.map-tools output{font:11px Arial,sans-serif;width:42px;text-align:center}.outlines{position:absolute;top:12px;left:12px;background:#fffdf8eb;border-radius:3px;display:flex;align-items:center;gap:7px;padding:10px;font:11px Arial,sans-serif;min-height:42px}.outlines input{accent-color:var(--red);width:15px;height:15px}.map-foot{font:11px/1.6 Arial,sans-serif;color:var(--muted)}.map-foot>p{margin:12px 0 5px}.map-foot details{margin:0 0 12px}.map-foot summary{cursor:pointer;min-height:30px;padding:4px 0}.map-foot details p{max-width:58em}.detail-desktop{margin-top:18px;border-left:1px solid var(--line);padding-left:28px;min-width:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:570px;text-align:center;padding:25px}.stitch-mark{font-size:50px;color:var(--red);margin:10px 0 20px}.empty-state h2{font-size:37px;line-height:1.2;margin:3px 0 14px}.empty-state p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:24px}.primary{background:var(--red);border-color:var(--red);color:white;padding:14px 20px}.primary:hover{background:#792332;color:white}#patch-viewer{padding-top:1px}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.viewer-top .eyebrow{margin:0}.viewer-top button{border:0;background:none;padding-right:0}#patch-title{font-size:clamp(24px,2.2vw,34px);line-height:1.2;margin:13px 0 9px;letter-spacing:-.02em;outline:none}.image-type{font:11px/1.6 Arial,sans-serif;color:var(--muted);margin:0 0 20px}.patch-image-button{border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;width:100%;padding:18px 18px 0;align-items:center;overflow:hidden}.patch-image-button img{max-width:100%;width:auto;height:340px;object-fit:contain;min-height:0;max-height:46vh}.patch-image-button span{padding:12px;font:11px Arial,sans-serif;display:block;width:100%;text-align:right;margin-top:12px;border-top:1px solid var(--line)}.photo-note{font:12px/1.6 Arial,sans-serif;color:var(--muted)}.patch-navigation{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.patch-navigation button{border:0;background:none;padding:10px 0}.patch-navigation span{font:11px Arial,sans-serif;color:var(--muted)}.viewer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font:11px/1.5 Arial,sans-serif;margin-top:10px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:8px 0;font-size:11px}.maker{display:flex;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.maker img{width:70px;height:85px;object-fit:cover}.maker h3{font-size:23px;margin:0 0 8px}.maker p{margin-top:0;white-space:pre-line}.maker .eyebrow{margin-bottom:5px}#patch-story{white-space:pre-line}.load-status{font:13px/1.6 Arial,sans-serif;padding:0 4%}.quilt-story{border-top:1px solid var(--line);margin:42px 4% 0;padding:40px 0;display:grid;grid-template-columns:1fr 1.15fr;column-gap:70px}.quilt-story>.eyebrow{grid-column:1/-1}.quilt-story h2{font-size:36px;letter-spacing:-.03em;line-height:1.15;margin:6px 0 24px}.quilt-story p{margin-top:0;font-size:16px}.quilt-story a{font:12px Arial,sans-serif}.browse{margin:0 4% 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:20px}.browse>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:28px 0}.browse>summary::-webkit-details-marker{display:none}.browse>summary .eyebrow{display:block;margin-bottom:6px}.gallery-title{display:block;font-size:32px;line-height:1.2}.browse>summary>span:last-child{font:32px Arial,sans-serif;margin-right:5px}.browse[open]>summary>span:last-child{transform:rotate(45deg)}.gallery-controls{display:flex;gap:24px;align-items:end;margin:10px 0 24px;flex-wrap:wrap;font:12px Arial,sans-serif}.gallery-controls label{display:flex;flex-direction:column;gap:8px}.gallery-controls input,.gallery-controls select{background:var(--white);border:1px solid var(--line);padding:12px;color:var(--ink);font:13px Arial,sans-serif;border-radius:3px;min-height:44px}.gallery-controls input{width:min(310px,100%)}#gallery-count{margin:0 0 12px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:18px;padding-bottom:30px}.gallery button{display:flex;flex-direction:column;align-items:stretch;padding:12px;background:var(--white);text-align:left}.gallery button[aria-pressed=true]{border:2px solid var(--red);padding:11px}.gallery img{width:100%;height:145px;object-fit:contain;display:block;margin-bottom:14px}.gallery .reference{color:var(--red);font:9px Arial,sans-serif;letter-spacing:.09em;margin-bottom:6px}.gallery .motif{font:14px/1.4 Georgia,serif}.gallery .kind{font:10px/1.4 Arial,sans-serif;color:var(--muted);margin-top:8px}footer{border-top:1px solid var(--line);padding:24px 4%;display:flex;justify-content:space-between;gap:20px;font:11px/1.7 Arial,sans-serif;color:var(--muted);max-width:1440px;margin:auto}dialog{border:0;color:var(--ink);background:var(--paper);padding:0}dialog::backdrop{background:#25221be6}#mobile-dialog{max-width:100%;max-height:100%;width:100%;height:100dvh;margin:0;overflow-y:auto}#mobile-slot{padding:15px 22px 35px}#image-dialog{width:96vw;max-width:1400px;height:94dvh;max-height:100dvh;overflow:hidden;border-radius:4px}.image-dialog-bar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:18px;border-bottom:1px solid var(--line)}.image-dialog-bar h2{font-size:21px;margin:0}.image-dialog-bar button{white-space:nowrap}.image-stage{height:calc(100% - 144px);background:var(--white)}#image-canvas{height:100%;width:100%;touch-action:none;cursor:grab}#image-canvas.dragging{cursor:grabbing}.image-toolbar{height:74px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:15px;font:11px Arial,sans-serif}.image-toolbar>div{display:flex;align-items:center;gap:5px}.image-toolbar output{width:40px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.has-dialog{overflow:hidden}
@media(min-width:1450px){.map-frame{height:780px}}@media(max-width:1050px){.explorer{gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}.detail-desktop{padding-left:20px}.map-heading{flex-wrap:wrap;gap:8px}.map-heading a{margin-top:4px}.intro{gap:25px}}@media(max-width:860px){.intro{grid-template-columns:1fr;gap:20px;padding-top:32px}.intro-copy p:first-child{font-size:19px}.explorer{display:block}.detail-desktop{display:none}.map-heading{flex-wrap:nowrap;padding-top:10px}.map-frame{height:72vh;min-height:440px;max-height:740px}.quilt-story{gap:25px;margin-top:28px}.quilt-story h2{font-size:30px}.quilt-story p{font-size:15px}.patch-image-button img{height:45vh;max-height:460px}#patch-title{font-size:29px}.viewer-top button{font-size:13px;min-width:90px}.patch-navigation{margin-top:20px}.viewer-actions{margin-top:0}}@media(max-width:540px){.site-header{padding:20px 6%}.brand{font-size:20px}.back-link{max-width:100px;text-align:right;line-height:1.6}.intro{padding:28px 6% 23px}h1{font-size:42px}.intro-copy p{font-size:14px}.explorer{padding:0 5%}.map-heading{align-items:start;gap:16px}.map-heading h2{font-size:16px}.map-heading p{font-size:11px;max-width:200px}.map-heading a{white-space:normal;text-align:right;max-width:80px;font-size:11px}.map-frame{height:61vh;min-height:390px}.map-tools{bottom:10px;left:10px}.map-tools button{padding:9px 10px}.outlines{top:9px;left:9px}.quilt-story{display:block;margin-left:6%;margin-right:6%;padding:30px 0}.quilt-story h2{font-size:32px}.browse{margin-left:6%;margin-right:6%}.gallery-title{font-size:29px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery img{height:135px}.gallery-controls{gap:15px}.gallery-controls label:first-child{width:100%}.gallery-controls input{width:100%}footer{flex-direction:column;padding:24px 6%;gap:7px}#image-dialog{width:100vw;max-width:100vw;height:100dvh;border-radius:0;margin:0}.image-dialog-bar{padding:10px 16px;height:75px}.image-dialog-bar h2{font-size:17px}.image-dialog-bar button{font-size:11px;padding:9px}.image-toolbar{height:96px;justify-content:center;flex-wrap:wrap;padding:10px;gap:8px}.image-toolbar>span{width:100%;text-align:center}.image-stage{height:calc(100% - 171px)}.patch-image-button{padding:15px 15px 0}.patch-image-button img{height:43vh}.patch-navigation{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}