:root{--sand:#eadfcb;--ink:#211b16;--rust:#b94c2b;--cream:#fff4df;--serif:'Cormorant Garamond',Georgia,serif;--condensed:'Barlow Condensed',sans-serif;--body:'Noto Sans JP',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4rem}body{margin:0;background:var(--ink);color:var(--cream);font:1rem/1.85 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit}img{display:block;object-fit:cover;max-width:100%}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--rust);outline-offset:6px}::selection{background:var(--rust);color:var(--cream)}.skip{position:fixed;top:-100px;left:1rem;z-index:2000;background:var(--sand);color:var(--ink);padding:1rem}.skip:focus{top:1rem}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:1rem 4vw;color:white;mix-blend-mode:difference;pointer-events:none}.site-header a,.site-header button{pointer-events:auto}.brand{font:3rem/.8 var(--serif);letter-spacing:-.1em}.brand span{margin-left:.05em}.site-header nav{display:flex;gap:2.5rem;font-size:.875rem}.site-header nav a{padding:.5rem 0;border-bottom:1px solid transparent;transition:border-color .3s}.site-header nav a:hover{border-color:currentColor}.site-header nav span{font:1rem var(--condensed);margin-right:.4rem}.motion-toggle{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid #ffffff50;background:transparent;border-radius:50%;font-size:1rem}
.eyebrow{font:.875rem/1.3 var(--condensed);letter-spacing:.18em}.hero{height:140svh;min-height:880px;position:relative}.hero-pin{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden}.hero-image{position:absolute;inset:-6% 0;will-change:transform}.hero-image img{width:100%;height:100%;filter:sepia(.12) saturate(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#25190d55,transparent 45%,#24190dae)}.hero-kicker{position:absolute;top:8rem;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font:.875rem var(--condensed);letter-spacing:.22em}.hero-kicker [lang=ar]{font:1.8rem serif;letter-spacing:0}.hero h1{position:absolute;top:23%;left:3vw;right:4vw;display:flex;justify-content:center;font:500 26.7vw/.8 var(--serif);letter-spacing:-.065em;white-space:nowrap}.hero h1>span{display:inline-block;transform:translateY(calc(var(--hero-p,0) * (var(--i) * -1.2vw - 5vw))) rotate(calc(var(--hero-p,0) * -3deg));opacity:calc(1 - var(--hero-p,0) * .8);animation:letter-enter 1.35s cubic-bezier(.15,.65,.25,1) both;animation-delay:calc(var(--i) * 95ms)}.hero-bottom{position:absolute;left:4vw;right:4vw;bottom:6rem;display:flex;align-items:end;justify-content:space-between}.hero-bottom h2{font-size:clamp(1.75rem,3vw,3.1rem);font-weight:400;line-height:1.6;letter-spacing:.1em}.hero-enter{display:flex;align-items:center;gap:2rem;font:.875rem var(--condensed);letter-spacing:.15em}.hero-enter span:last-child{border:1px solid #fff7;border-radius:50%;width:4.5rem;height:4.5rem;display:grid;place-items:center;font-size:2rem;transition:transform .4s,background .4s}.hero-enter:hover span:last-child{transform:translateY(7px);background:var(--rust)}.hero-foot{position:absolute;bottom:1.5rem;left:4vw;right:4vw;display:flex;justify-content:space-between;border-top:1px solid #fff4;padding-top:1rem;font:.75rem var(--condensed);letter-spacing:.14em}
.chapter{position:relative;min-height:66svh;background:var(--sand);color:var(--ink);padding:6rem 8vw;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.chapter-number{font:500 clamp(12rem,30vw,30rem)/.7 var(--serif);letter-spacing:-.08em;color:#b7a58d;opacity:.45}.chapter>div{position:relative;padding-left:4rem}.chapter .eyebrow{margin-bottom:2rem;color:var(--rust)}.chapter h2{font-size:clamp(2.25rem,4.2vw,5rem);font-weight:400;line-height:1.55;letter-spacing:-.04em}.chapter h2 em{font-style:normal;color:var(--rust)}.nature-chapter{background:#2b3028;color:var(--sand)}.nature-chapter .chapter-number{color:#77816c}.nature-chapter .eyebrow,.nature-chapter h2 em{color:#c9b593}
.scene{height:150svh;min-height:1000px;position:relative}.scene-pin{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:var(--ink);isolation:isolate;clip-path:inset(var(--scene-inset,0) round 2px)}.scene-photo{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--ink);z-index:-2}.scene-photo img{width:100%;height:100%;max-width:none;transform:scale(var(--scene-scale,1.08)) translateY(var(--scene-y,0));will-change:transform;filter:saturate(.9)}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#17130e2a,transparent 35%,#17130eaa 80%,#17130eeb);z-index:-1;pointer-events:none}.scene-word{position:absolute;top:16%;left:5vw;right:3vw;font:500 clamp(5.5rem,10.7vw,12rem)/.87 var(--serif);letter-spacing:-.055em;transform:translateX(var(--word-x,0));text-shadow:0 2px 30px #231b1130;pointer-events:none}.scene-word em{font-weight:500}.scene-no{position:absolute;top:6rem;right:4vw;font:1rem var(--condensed);letter-spacing:.15em}.scene-bottom{position:absolute;bottom:4rem;left:5vw;right:5vw;display:flex;align-items:end;justify-content:space-between;gap:4rem;transform:translateY(var(--caption-y,0));pointer-events:none}.scene-caption{max-width:35rem;pointer-events:auto}.scene-caption h3{font-size:clamp(1.4rem,2vw,2.2rem);font-weight:400;line-height:1.5;margin-bottom:1rem}.scene-caption p{font-size:1rem;line-height:2.1;max-width:31rem;color:#f4e7d4}.source{font-size:.75rem;display:inline-block;margin-top:1rem;opacity:.75;text-decoration:underline;text-underline-offset:4px}.album-button{display:flex;align-items:center;gap:1.2rem;white-space:nowrap;background:#eadfcb10;border:1px solid #eadfcb80;color:var(--cream);padding:1rem 1.5rem;backdrop-filter:blur(12px);font-size:.875rem;pointer-events:auto;transition:background .35s,transform .35s}.album-button:hover{background:var(--rust);transform:translateY(-3px)}.album-count{font:1rem var(--condensed);border-left:1px solid #eadfcb70;padding-left:1rem}.album-arrow{font-size:1.5rem}.scene-rule{position:absolute;bottom:1.5rem;left:5vw;width:90vw;height:1px;background:#eadfcb40;pointer-events:none}.scene-rule:after{content:'';display:block;width:100%;height:1px;background:var(--sand);transform-origin:left;transform:scaleX(var(--scene-p,0))}.scene:nth-child(even) .scene-word{left:auto;right:5vw;text-align:right}.scene:nth-child(even) .scene-bottom{flex-direction:row-reverse}.scene:nth-child(even) .scene-caption{max-width:33rem}.scene:nth-child(even) .scene-caption p{max-width:31rem}.scene:nth-child(even) .scene-no{right:auto;left:5vw}.nature-scene .scene-word{font-size:clamp(5rem,10vw,11.5rem)}
.atlas{background:var(--sand);color:var(--ink);padding:6rem 5vw 4rem;color-scheme:light}.atlas-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.atlas-heading .eyebrow{color:var(--rust);margin-bottom:1rem}.atlas h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:400;line-height:1.4;letter-spacing:-.04em}.atlas h2 em{font-style:normal;color:var(--rust)}.map-region{display:flex;gap:.3rem;flex-wrap:wrap}.map-region button{font-size:.875rem;border:1px solid #96836d;background:transparent;color:var(--ink);padding:.55rem .8rem}.map-region button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--sand)}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:2rem}.map-stage{position:relative;min-width:0}.map-stage #map{height:650px;width:100%;background:#c5b294;z-index:1}.leaflet-tile-pane{filter:sepia(.55) saturate(.55)}.map-caption{position:absolute;top:.8rem;right:.8rem;z-index:500;background:var(--sand);padding:.25rem .5rem;font-size:.75rem}.map-index{display:flex;flex-direction:column;justify-content:center;gap:0}.map-place{display:grid;grid-template-columns:2rem 1fr auto;gap:.65rem;align-items:center;text-align:left;border:0;border-bottom:1px solid #aa947a80;background:transparent;color:var(--ink);padding:1.3rem .25rem;transition:color .2s,background .2s;font-size:.875rem}.map-place>span:first-child{font-family:var(--condensed);color:var(--rust)}.map-place-count{font: .875rem var(--condensed);white-space:nowrap}.map-place:hover{background:#d6c7af;color:var(--rust)}.map-pin{border:1px solid #fff3;width:36px;height:36px;border-radius:50%;background:var(--rust);color:#fff9eb;text-align:center;font:500 16px/34px var(--condensed);box-shadow:0 3px 12px #211b1640}.map-pin:hover,.map-pin:focus{background:var(--ink);outline:2px solid var(--rust)}.leaflet-tooltip{font:14px var(--body);background:var(--sand);border:1px solid #b3a087;color:var(--ink);box-shadow:0 3px 12px #211b1620}.leaflet-control-attribution{color:#292119;background:#eadfcbdd!important}.leaflet-control-attribution a{color:#4a3520}.leaflet-control-zoom a{background:var(--sand);color:var(--ink)}#map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:600;background:var(--sand);font-size:.875rem;padding:1rem;max-width:90%}.credits{background:var(--sand);color:var(--ink);padding:0 5vw 3rem}.credits details{border-top:1px solid #9c866c70;border-bottom:1px solid #9c866c70}.credits summary{display:flex;justify-content:space-between;cursor:pointer;padding:1.2rem 0;list-style:none;font-size:.875rem}.credits summary::-webkit-details-marker{display:none}.credit-list{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.credit-row{padding:1rem 0;border-top:1px solid #b5a08550;font-size:.875rem;overflow-wrap:anywhere}.credit-row small{display:block;font-size:.75rem;color:#70604f}.credit-row a,.map-sources a,.reference-post{text-decoration:underline;text-underline-offset:3px}.map-sources{font-size:.875rem;display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}.map-sources span{flex-basis:100%;color:#70604f}.reference-post{font-size:.875rem;display:inline-block;margin-bottom:1.5rem}
footer{background:var(--rust);color:var(--sand);padding:2rem 5vw 1.5rem;overflow:hidden}.footer-word{display:flex;justify-content:space-between;align-items:center;font:500 21vw/.9 var(--serif);letter-spacing:-.06em}.footer-word span{font:9vw var(--body);transition:transform .4s}.footer-word:hover span{transform:translate(5px,-5px)}.footer-bottom{border-top:1px solid #eadfcb60;margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;font:.875rem var(--condensed);letter-spacing:.1em}.footer-bottom span:first-child{font:.875rem var(--body);letter-spacing:.1em}
body:has(dialog[open]){overflow:hidden}#viewer{inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:1rem 2.5vw;border:0;background:#141210;color:var(--sand);z-index:2000}#viewer::backdrop{background:#141210}#viewer[open]{display:flex;flex-direction:column;animation:viewer-enter .5s cubic-bezier(.2,.6,.2,1)}.viewer-top{display:flex;justify-content:space-between;align-items:center;min-height:3rem}.icon-button{border:1px solid #eadfcb80;background:transparent;color:inherit;border-radius:50%;width:3rem;height:3rem;display:grid;place-items:center;font-size:1.3rem}.viewer-stage{position:relative;flex:1;min-height:0;margin:1rem 0;overflow:hidden}.viewer-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}.viewer-stage #viewer-back{opacity:.65}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:3.25rem;height:3.25rem;border:1px solid #eadfcb70;border-radius:50%;background:#191511c0;color:var(--sand);font-size:1.6rem}.previous{left:.5rem}.next{right:.5rem}.viewer-arrow:disabled{display:none}.viewer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2rem;min-height:5rem}.viewer-caption h2{font-size:1.2rem;font-weight:400;line-height:1.5}.viewer-caption p{font-size:.75rem;color:#b7a998;line-height:1.6;margin-top:.5rem;overflow-wrap:anywhere}.viewer-bottom>a{font-size:.875rem;white-space:nowrap;border-bottom:1px solid #b7a998}#viewer-thumbs{display:flex;gap:.5rem;max-width:46vw;overflow-x:auto;padding:4px}#viewer-thumbs button{padding:0;background:transparent;border:1px solid transparent;flex-shrink:0;opacity:.5;transition:opacity .25s,border-color .25s}#viewer-thumbs img{height:3.8rem;width:4.5rem;object-fit:cover}#viewer-thumbs button[aria-pressed=true]{opacity:1;border-color:var(--sand)}#viewer-thumbs button:hover{opacity:1}.reading-progress{position:fixed;top:0;left:0;z-index:1500;background:var(--rust);width:100%;height:2px;transform-origin:left;transform:scaleX(0);pointer-events:none}.image-error{background:#3f352b;color:var(--sand)}
@keyframes letter-enter{from{opacity:0;translate:0 100%;rotate:6deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes viewer-enter{from{opacity:0;transform:translateY(5vh) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1500px){.map-stage #map{height:720px}.scene-caption{max-width:40rem}}
@media(max-width:1000px){.map-layout{grid-template-columns:1fr}.map-stage #map{height:560px}.map-index{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}.map-place{padding:1rem .2rem}.scene-bottom{gap:2rem}.scene-caption{max-width:55%}.scene-caption p{line-height:1.9}.chapter>div{padding-left:2rem}.chapter-number{font-size:28vw}}
@media(max-width:650px){.site-header{padding:1rem 5vw}.brand{font-size:2.5rem}.site-header nav{gap:1rem;font-size:.875rem}.site-header nav span{font-size:.875rem;margin-right:.1rem}.motion-toggle{width:2.3rem;height:2.3rem}.hero{height:125svh;min-height:800px}.hero-pin{min-height:640px}.hero-kicker{top:6.5rem;left:5vw;right:5vw;font-size:.75rem;letter-spacing:.13em}.hero h1{top:30%;font-size:27vw;left:1vw;right:3vw}.hero-bottom{left:6vw;right:6vw;bottom:6rem}.hero-bottom h2{font-size:2rem}.hero-enter{gap:0}.hero-enter>span:first-child{display:none}.hero-enter>span:last-child{width:4rem;height:4rem}.hero-foot{left:6vw;right:6vw;font-size:.75rem;letter-spacing:.08em}.chapter{min-height:55svh;padding:5rem 6vw;display:block}.chapter-number{position:absolute;top:1.5rem;right:6vw;font-size:12rem;opacity:.17}.chapter>div{padding-left:0}.chapter .eyebrow{margin-bottom:2rem}.chapter h2{font-size:2.6rem}.nature-chapter h2{font-size:2.25rem}.scene{height:130svh;min-height:860px}.scene-pin{min-height:660px}.scene-word,.nature-scene .scene-word{top:21%;left:6vw!important;right:6vw!important;font-size:clamp(3.8rem,15vw,6rem);text-align:left!important;line-height:.95}.scene-no{top:6rem;right:6vw!important;left:auto!important;font-size:.875rem}.scene-bottom,.scene:nth-child(even) .scene-bottom{left:6vw;right:6vw;bottom:3rem;display:flex;flex-direction:column;align-items:start;gap:1.25rem}.scene-caption,.scene:nth-child(even) .scene-caption{max-width:100%}.scene-caption h3{font-size:1.35rem;margin-bottom:.65rem}.scene-caption p{font-size:.9375rem;line-height:1.9}.scene-caption .source{margin-top:.5rem}.album-button{padding:.65rem 1rem;font-size:.875rem}.album-arrow{font-size:1.2rem}.scene-rule{left:6vw;width:88vw;bottom:1.3rem}.atlas{padding:4rem 6vw 2rem}.atlas-heading{display:block;margin-bottom:1.5rem}.atlas h2{font-size:2.4rem}.map-region{margin-top:1.5rem}.map-region button{padding:.5rem .7rem}.map-stage #map{height:510px}.map-index{grid-template-columns:1fr;gap:0}.map-place{grid-template-columns:1.6rem 1fr auto;font-size:.9375rem;padding:1.05rem .2rem}.map-layout{gap:1rem}.map-caption{font-size:.75rem;top:.6rem;right:.6rem}.credits{padding:0 6vw 2rem}.credit-list{grid-template-columns:1fr}.footer-word{font-size:23vw}.footer-bottom>span:nth-child(2){display:none}.footer-bottom{font-size:.75rem}.footer-bottom>span:first-child{font-size:.75rem}#viewer{padding:1rem}.viewer-bottom{grid-template-columns:1fr auto;gap:.75rem}.viewer-caption{grid-column:1/-1}.viewer-caption h2{font-size:1.1rem}.viewer-caption p{font-size:.75rem}.viewer-stage{margin:.75rem 0}.viewer-arrow{width:2.75rem;height:2.75rem;font-size:1.4rem}#viewer-thumbs{max-width:74vw}#viewer-thumbs img{width:3.5rem;height:2.7rem}}
@media(max-height:680px) and (min-width:651px){.hero-pin,.scene-pin{min-height:540px}.scene-word{top:20%;font-size:8vw}.scene-bottom{bottom:3rem}.scene-caption h3{font-size:1.3rem}.scene-caption p{font-size:.9375rem}.hero h1{top:24%;font-size:21vw}.hero-bottom h2{font-size:1.7rem}.hero-bottom{bottom:5rem}}
.motion-off{scroll-behavior:auto}.motion-off .hero,.motion-off .scene{height:auto;min-height:0}.motion-off .hero-pin,.motion-off .scene-pin{position:relative;clip-path:none}.motion-off .hero-image,.motion-off .scene-photo img,.motion-off .scene-word,.motion-off .scene-bottom,.motion-off .hero h1>span{transform:none!important}.motion-off *{animation:none!important;transition:none!important}.motion-off .hero h1>span{opacity:1}.motion-off .scene-rule:after{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}