body{background:#edece5;--paper:#edece5}header,main,footer{max-width:none;margin-left:4%;margin-right:4%}header{padding:22px 0}.brand{font-size:30px}header>span{color:#667b81}.map-intro{position:relative;padding-top:22px}.map-intro h1{font-size:14px;font-weight:400;line-height:1.9;margin:0}.map-intro>p{font-size:14px;line-height:1.9}.map-intro>span{position:absolute;right:0;top:24px;text-align:right;font:10px/1.8 "Yu Gothic",sans-serif;color:#667b81}.map-intro nav{display:flex;gap:28px;margin-top:22px;font:12px/1.8 "Yu Gothic",sans-serif}.map-intro nav a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:6px}.map-intro nav a:hover{border-bottom-color:currentColor}.atlas{border:0;padding:8px 0 30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.map-wrap{max-width:1450px;aspect-ratio:1000/540}.map-wrap path{fill:#c5d0cc;stroke-width:.7}.map-scraps{position:absolute;inset:0;pointer-events:none}.map-scraps a{pointer-events:auto}.photo-note{position:absolute;background:#faf9f3;padding:7px 7px 12px;box-shadow:0 4px 9px #33483920;text-decoration:none;width:12%;transition:transform .18s ease;z-index:3}.photo-note:hover{transform:rotate(0deg) translateY(-4px);color:var(--ink)}.photo-note img{width:100%;object-fit:cover}.photo-note>span:not(.note-number){display:block;font-size:clamp(12px,1.15vw,18px);line-height:1.8;margin:8px 5px 4px}.photo-note small{display:block;font:clamp(8px,.65vw,11px)/1.6 "Yu Gothic",sans-serif;color:#61757d;margin:0 5px}.photo-note .note-number{position:absolute;left:-13px;top:-10px;font-size:16px;font-style:italic;background:var(--paper);border-radius:50%;padding:0 5px}.jeans{left:4%;top:29%;transform:rotate(-5deg);width:11%}.jeans img{aspect-ratio:.64;object-fit:contain;background:#deded7}.vermeer{left:59%;top:4%;transform:rotate(5deg);width:11%}.vermeer img{aspect-ratio:.85}.morris{left:29%;top:58%;width:15%;transform:rotate(-4deg)}.morris img{aspect-ratio:1.12}.written-note{position:absolute;z-index:3;text-decoration:none;font-size:clamp(12px,1.1vw,17px);line-height:1.9;color:#3e627b}.written-note small{display:block;font:clamp(8px,.7vw,11px)/1.9 "Yu Gothic",sans-serif;margin-top:7px}.peru{left:17%;top:86%}.asia{left:76%;top:45%}.food{left:84%;top:27%}.map-wrap #pins a{font-size:10px;border:0;box-shadow:none;background:transparent;color:#435e6a;padding:5px;text-shadow:0 0 5px var(--paper)}.map-wrap #pins a:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#31576b;border:1px solid var(--paper);margin-right:4px}.map-help,.map-credit{font:11px/1.8 "Yu Gothic",sans-serif;color:#5d727a}.map-help{border-top:1px solid #b7c4be;padding-top:10px}.map-help span{display:none}.map-credit{margin-top:10px;max-width:1100px}.region-directory{margin-top:22px;font-size:14px}.region-directory summary{cursor:pointer}.region-directory #region-index{margin-top:15px}.chapter,.making,.sources-section{max-width:1200px;margin-left:auto;margin-right:auto}.distinction{margin-top:35px}.record:target{background:#e7e9df}.map-intro~.atlas .map-scroll{overflow:visible}
@media(max-width:800px){header>span{display:none}.map-intro>span{font-size:8px}.map-intro h1,.map-intro>p{font-size:12px}.map-intro nav{gap:20px}.photo-note>span:not(.note-number){font-size:12px}.photo-note small{font-size:8px}.written-note{font-size:12px}.written-note small{font-size:8px}}
@media(max-width:560px){header,main,footer{margin-left:5%;margin-right:5%}.brand{font-size:24px}header{padding:17px 0}.map-intro>span{display:none}.map-intro nav{flex-wrap:wrap;gap:8px 20px;margin-top:16px}.map-intro~.atlas .map-scroll{overflow-x:auto;margin:0 -5.55%;padding:0;width:111.1%}.map-wrap{min-width:900px;width:900px;margin:0}.map-wrap #pins a{font-size:10px}.photo-note>span:not(.note-number){font-size:13px}.photo-note small{font-size:8px}.written-note{font-size:13px}.map-help span{display:block}.map-credit{font-size:10px}.atlas{padding-top:12px}.chapter-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.photo-note{transition:none}}

@media(max-width:560px){.map-intro~.atlas .map-scroll{overflow-y:hidden}.morris{top:54%}.peru{top:83%}}

.shibori{left:84%;top:5%;width:14%;transform:rotate(-3deg)}.shibori img{aspect-ratio:1.5;object-fit:contain}.batik{left:73%;top:66%;width:17%;transform:rotate(3deg)}.batik img{aspect-ratio:1.796;object-fit:contain}.written-note.food{top:38%;left:87%}.written-note.asia{top:48%;left:70%}@media(max-width:560px){.batik{top:64%}.shibori{top:5%}}

@media(max-width:560px){.written-note.food{top:44%;font-size:11px}.written-note.asia{left:68%;font-size:11px}}

.floating-top{position:fixed;right:24px;bottom:90px;z-index:50;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#faf9f3;color:#243e50;border:1px solid #9baaa8;border-radius:24px;box-shadow:0 3px 12px #20395020;text-decoration:none;font:13px/1.5 'Yu Gothic',Meiryo,sans-serif}.floating-top:hover{background:#243e50;color:#fff}@media(max-width:560px){.floating-top{right:16px;bottom:calc(24px + env(safe-area-inset-bottom));padding:10px 16px}}

.region-directory{margin-top:32px;padding-top:24px;border-top:1px solid #9baaa8}.region-directory>h2{font-size:25px;font-weight:500}.directory-intro{font-size:13px;color:#5d727a;margin:8px 0 18px}.region-directory #region-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;border:0;padding-top:8px}.region-directory #region-index h3{font-size:17px}.region-directory #region-index li{font-size:14px;line-height:1.8;margin-bottom:12px}.region-directory #region-index a{display:block;padding:4px 0}.region-directory #region-index a:hover{text-decoration:underline}.map-intro nav a:first-child{font-weight:700;border-bottom-color:#869b9c}@media(max-width:900px){.region-directory #region-index{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.region-directory #region-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.region-directory #region-index li{font-size:13px}}