:root{--ink:#443a32;--berry:#970747;--binding:#512739;--paper:#fbf3e1;--desk:#e7ddcc;--gold:#d3b785;--page-width:490px;--page-height:696px;--serif:'Lora',Georgia,serif;--hand:'Caveat',cursive;color-scheme:light;font:14px/1.5 'DM Sans',sans-serif;color:var(--ink);background:var(--desk)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--berry);outline-offset:4px}[hidden]{display:none!important}h1,h2,p,figure,blockquote{margin:0}button{touch-action:manipulation}a{color:var(--berry)}
.site-header{height:77px;max-width:1200px;padding:13px 26px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #95816730;gap:20px}.brand{border:0;background:none;padding:0;width:300px;max-width:70%;line-height:0}.brand img{width:100%;height:auto}.header-actions button{background:none;border:0;border-bottom:1px solid #9c8674;padding:7px 2px;font-size:13px}
main{padding:22px 12px 25px;min-width:0}.cover-view{display:flex;justify-content:center;padding:9px 0 36px;perspective:1800px}.cover{width:var(--page-width);height:var(--page-height);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 46px 36px 60px;border-radius:5px 15px 15px 5px;background-color:var(--binding);background-image:linear-gradient(90deg,#190f195c,transparent 8%,#ba8e8330 10%,transparent 12%,transparent 96%,#1f111a80),repeating-linear-gradient(13deg,#e0a89408 0 1px,transparent 1px 4px);color:#e4cda0;box-shadow:inset 0 0 24px #21151f6b,5px 2px #beac8e,8px 2px #e5d5b3,11px 3px var(--binding),14px 20px 30px #38281930;transform:rotate(-1deg);transform-origin:left center;text-align:center}
.cover:before{content:'';position:absolute;inset:20px 19px 20px 36px;border:1px solid #cbb07d80;outline:1px solid #cbb07d35;outline-offset:5px;border-radius:35px 3px 35px 3px;pointer-events:none}.cover:after{content:'';position:absolute;right:-15px;top:47%;width:33px;height:52px;border-radius:5px 7px 7px 5px;background:linear-gradient(90deg,#8d7147,#d3b57d 35%,#85633a);box-shadow:0 2px 4px #28192066}
.cover-seal{width:95px;height:95px;border:1px solid #cbb07d70;outline:1px solid #cbb07d33;outline-offset:6px;border-radius:50%;display:grid;place-items:center;margin-bottom:46px}.cover-seal img{width:72px;filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(422%) hue-rotate(354deg) brightness(92%)}.cover h1{font:400 clamp(29px,4vw,44px)/1.2 var(--serif);letter-spacing:-1px}.cover-authors{font:27px var(--hand);margin:37px 0 40px}#open-book{border:1px solid #dcc495;background:#d2b78b;color:#422634;padding:10px 24px;border-radius:2px;min-height:44px}
#reader{display:flex;flex-direction:column;align-items:center}.book{position:relative;perspective:2200px;border:6px solid var(--binding);border-radius:6px 10px 10px 6px;background:var(--paper);box-shadow:0 3px #cbb795,0 6px #f4ead5,0 9px #ad9270,0 11px var(--binding),0 19px 31px #49321d27;touch-action:pan-y}.spread{display:flex;align-items:flex-start}.paper{width:var(--page-width);height:var(--page-height);flex-shrink:0;position:relative;overflow:hidden;padding-top:25px;padding-bottom:34px;background-color:var(--paper);background-image:radial-gradient(#a48b6210 .65px,transparent .65px);background-size:4px 4px;--country-ink:#843e58}.paper.left{padding-left:44px;padding-right:26px;background-image:linear-gradient(to left,#5d45272c,transparent 6%),radial-gradient(#a48b6210 .65px,transparent .65px);background-size:100% 100%,4px 4px}.paper.right{padding-left:26px;padding-right:44px;background-image:linear-gradient(to right,#5d452731,transparent 6%),radial-gradient(#a48b6210 .65px,transparent .65px);background-size:100% 100%,4px 4px}.page-content{height:100%;width:100%;display:flow-root;overflow:hidden;font:16px/1.64 var(--serif);overflow-wrap:anywhere}.text-block{margin:0 0 11px}.text-block strong{font-weight:500}.text-block.heading{font:500 23px/1.25 var(--serif);color:var(--country-ink);margin:5px 0 12px}.text-block.quote{font-style:italic;padding-left:12px;border-left:1px solid #b3977255}.text-block.list{padding-left:15px;position:relative}.text-block.list:before{content:'•';position:absolute;left:0}.text-block.continued.list:before{content:none}.text-block a{color:inherit;text-decoration-color:#9c6c6e;text-underline-offset:3px}.chapter-title{margin:0 0 16px}.chapter-title h1{font:400 35px/1.12 var(--serif);letter-spacing:-.8px;color:var(--country-ink);margin:9px 0 11px}.country-name{display:flex;align-items:center;gap:7px;font:11px 'DM Sans',sans-serif;letter-spacing:.7px;color:var(--country-ink)}.country-name:empty{display:none}.country-name img{width:24px;height:24px;object-fit:contain}.article-date{font:11px 'DM Sans',sans-serif;color:#806c5b}.photograph{padding:7px;background:#fffdf7;margin:6px 3px 12px;box-shadow:0 2px 4px #503a2323;break-inside:avoid}.photo-button{display:block;width:100%;padding:0;border:0;background:none}.photo-button img{display:block;width:100%;height:100%;object-fit:contain}.photograph figcaption{font:19px/1.12 var(--hand);color:#705943;padding:6px 2px 1px;text-align:center;overflow-wrap:anywhere}.missing-photo{min-height:52px;display:grid;place-items:center;font:12px 'DM Sans',sans-serif;background:#eee5d4;color:#756655}.folio{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:11px 'DM Sans',sans-serif;color:#96816a}.margin-sticker{position:absolute;bottom:95px;width:32px;height:40px;object-fit:contain}.left .margin-sticker{left:5px;transform:rotate(-8deg)}.right .margin-sticker{right:5px;transform:rotate(8deg)}
.reading-controls{width:calc(var(--page-width)*2 + 12px);max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 2px 0;min-height:65px}.reading-controls button{border:1px solid #baa589;background:#fcf6e9;border-radius:50%;width:42px;height:42px;font-size:20px;line-height:1}.reading-controls button:hover:not(:disabled){background:#f4ddd1}#page-count{font-size:12px;color:#7c6956;font-variant-numeric:tabular-nums}.measuring{position:fixed!important;left:-20000px!important;top:0!important;visibility:hidden!important;pointer-events:none!important}.leaf{position:absolute;top:0;bottom:0;width:50%;transform-style:preserve-3d;pointer-events:none;z-index:7}.leaf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 0 22px #37261525}.leaf-back{transform:rotateY(180deg)}.stationary{position:absolute;top:0;bottom:0;width:50%;z-index:5;pointer-events:none}
dialog{padding:0;border:1px solid #ad987b;border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #2d201b4d}dialog::backdrop{background:#251c2366;backdrop-filter:blur(3px)}.index-dialog{width:min(740px,calc(100% - 28px));max-height:86vh}.index-dialog header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px 10px;gap:20px}.index-dialog h2{font:400 28px var(--serif)}.close{border:0;background:none;font-size:28px;width:44px;height:44px;line-height:1}.index-filters{display:flex;gap:10px;padding:8px 25px 16px}.index-filters input,.index-filters select{background:#fffaf0;border:1px solid #c8b79e;border-radius:3px;padding:10px;min-width:0;color:var(--ink)}.index-filters input{flex:1}.index-filters select{max-width:45%}.entries{margin:0;padding:0 25px 20px;list-style:none}.entries li{border-top:1px solid #d4c5b033}.entry-link{padding:13px 0;border:0;width:100%;background:none;display:block;text-align:left}.entry-link span{display:block;font:17px/1.4 var(--serif)}.entry-link small{display:block;font-size:11px;color:#8b7562;margin-top:4px}.entry-link:hover span{color:var(--berry)}#empty-index{padding:18px 25px 30px;font-size:14px}.photo-dialog{max-width:94vw;max-height:94vh;background:#f8f0de}.photo-dialog>.close{position:absolute;right:5px;top:5px;background:#fff9eddf;border-radius:50%;z-index:1}.photo-dialog figure{padding:12px}.photo-dialog img{display:block;max-width:calc(94vw - 28px);max-height:calc(94vh - 85px);object-fit:contain}.photo-dialog figcaption{text-align:center;max-width:850px;padding:8px 10px 2px;font:20px/1.15 var(--hand)}.photo-dialog figcaption:empty{display:none}#status{max-width:600px;padding:20px;margin:0 auto}noscript{display:block;padding:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.paper.mobile-paper{padding:23px 25px 32px}.mobile-paper .page-content{font-size:16px;line-height:1.6}.mobile-paper .chapter-title h1{font-size:29px}.mobile-paper .text-block.heading{font-size:22px}.mobile-paper .photograph figcaption{font-size:18px}
@media(max-width:839px){.site-header{height:67px;padding:12px 20px}.brand{width:270px;max-width:76%}main{padding:20px 6px}.book{border-width:5px}.reading-controls{width:calc(var(--page-width) + 10px)}.cover{padding:37px 35px 29px 44px}.cover-seal{margin-bottom:35px;width:79px;height:79px}.cover-seal img{width:61px}.cover-authors{margin:30px 0 33px}.index-dialog header{padding:13px 17px 4px}.index-filters{padding:7px 17px 15px;flex-wrap:wrap}.index-filters input{width:100%;flex-basis:100%}.index-filters select{max-width:100%;width:100%}.entries{padding:0 17px 18px}.reading-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* The navigation belongs to the desk; both indexes and chapters belong to the book. */
.site-header{max-width:none;width:100%;padding:10px 22px;height:76px;gap:24px}.brand{width:280px;flex-shrink:0}#countries{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}.country-tab{border:0;background:none;padding:7px 9px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.country-tab img{width:29px;height:29px;object-fit:contain}.country-tab span{position:absolute;top:100%;white-space:nowrap;background:#fff8e8;border:1px solid #ccb99b;padding:3px 8px;font-size:11px;z-index:15;display:none}.country-tab:hover span,.country-tab:focus-visible span{display:block}.country-tab:hover,.country-tab[aria-current=page]{background:#f7ecdc;box-shadow:inset 0 -2px var(--berry)}main{padding:9px 8px 18px}.reading-controls{padding-top:12px;min-height:54px}.page-content{font-size:17px;line-height:1.65}.paper.left{padding-left:46px}.paper.right{padding-right:46px}.paper{padding-bottom:48px}.index-entry{display:grid;grid-template-columns:32px 1fr;gap:3px 12px;padding:12px 0;border-bottom:1px solid #ab927744;text-decoration:none;color:var(--ink);break-inside:avoid}.index-entry>img{width:28px;height:28px;object-fit:contain;grid-row:1/3;align-self:center}.entry-compass{grid-row:1/3;font-size:23px}.entry-title{font:18px/1.35 var(--serif)}.index-entry time{font:11px/1.5 'DM Sans',sans-serif;color:#856e58}.index-entry:hover .entry-title{text-decoration:underline;text-decoration-color:var(--country-ink);text-underline-offset:4px}.page-ornaments{position:absolute;inset:0;pointer-events:none;overflow:hidden}.country-seal,.travel-sticker{position:absolute;display:grid;place-items:center;font-family:'Noto Color Emoji','Apple Color Emoji',sans-serif;filter:sepia(.15);font-size:28px;line-height:1}.country-seal{bottom:7px;right:29px;width:41px;height:36px;transform:rotate(12deg);border:1px dashed #98794b66;border-radius:50%}.travel-sticker{top:41%;left:6px;width:33px;height:42px;background:#fffcf0;box-shadow:1px 2px 3px #63462633;border-radius:40% 35% 30% 35%;transform:rotate(-11deg);font-size:25px}.right .travel-sticker{left:auto;right:6px;transform:rotate(9deg)}.story-sticker{position:absolute;bottom:5px;left:36px;object-fit:contain;width:52px;height:38px;transform:rotate(-7deg)}.photograph{position:relative}.photograph:before{content:'';position:absolute;top:-5px;left:33%;width:36%;height:13px;z-index:1;background:repeating-linear-gradient(120deg,#e2cda473 0 3px,#eee0bc85 3px 5px);transform:rotate(-2deg);pointer-events:none}.chapter-title{border-bottom:1px solid #b39a783d;padding-bottom:13px}.paper:after{content:'';position:absolute;bottom:23px;left:46px;width:55px;height:6px;border-top:1px solid #a58a6155;border-bottom:1px solid #a58a6133;pointer-events:none}
@media(max-width:1100px){.site-header{gap:12px}.brand{width:235px}.country-tab{padding:6px}.country-tab img{width:25px;height:25px}}
@media(max-width:839px){.site-header{height:116px;padding:10px 13px;flex-wrap:wrap;gap:7px;align-content:center}.brand{width:255px;max-width:78%}.header-actions{margin-left:auto}#countries{order:3;flex-basis:100%;justify-content:space-between;gap:0;overflow:visible}.country-tab{padding:5px 3px}.country-tab img{width:23px;height:23px}.country-tab span{display:none!important}main{padding:8px 4px 16px}.paper.mobile-paper{padding:23px 28px 49px}.mobile-paper .travel-sticker{font-size:17px;width:23px;height:27px;left:1px;top:auto;bottom:8px}.mobile-paper .country-seal{font-size:23px;height:30px;width:34px;right:14px;bottom:6px}.mobile-paper .story-sticker{left:39px;width:42px;height:30px}.mobile-paper .index-entry{padding:10px 0;column-gap:8px;grid-template-columns:28px 1fr}.mobile-paper .entry-title{font-size:16px}.mobile-paper:after{display:none}.cover{max-width:490px;max-height:760px}.reading-controls{padding-top:9px}.mobile-paper .chapter-title h1{font-size:27px}}

@media(max-width:380px){.country-tab{padding:5px 2px;min-width:0}.country-tab img{width:20px;height:20px}}
/* Introduction and hinged front cover share the open book's exact footprint. */
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.cover-view{width:calc(var(--page-width)*2 + 12px);max-width:100%;margin:auto;padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0;perspective:2400px}.cover-view>.cover{justify-self:start;width:var(--page-width);height:var(--page-height);max-width:none;max-height:none;transform:none;margin-top:6px}.about{height:var(--page-height);padding:25px 43px 25px 30px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7a287 transparent}.about>h1{font:32px/1.2 var(--serif);color:var(--berry);margin-bottom:22px}.about-content{font:15px/1.65 var(--serif);display:flow-root}.about-content .text-block{margin:0 0 13px}.about-content .heading{font:22px/1.2 var(--serif);color:var(--berry);margin:21px 0 11px}.about-content .photograph:first-child{float:right;margin:0 0 18px 23px;max-width:42%}.about-content .photograph:first-child .photo-button{max-width:100%}.about-content .photograph:nth-last-of-type(1){margin:16px auto}.about-content .photo-button{pointer-events:none;cursor:default}.cover-opening{position:fixed;z-index:32;perspective:2600px;pointer-events:none}.cover-hinge{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:left center}.opening-front.cover{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;transform:none;backface-visibility:hidden;margin:0;box-shadow:4px 8px 22px #37202644}.opening-back{position:absolute;inset:0;background:linear-gradient(90deg,#e8d8b6,#fbf3e1 10%,#fbf3e1 94%,#d7c7a8);border:5px solid var(--binding);border-radius:4px;transform:rotateY(180deg);backface-visibility:hidden;box-shadow:0 8px 22px #37202633}.opening-intro{position:fixed;z-index:31;background:var(--desk);overflow:hidden;pointer-events:none}
/* Frames are an editorial choice, not a default for every photograph. */
.photograph{background:transparent;padding:0;box-shadow:none;margin:9px 0 12px;max-width:100%;width:fit-content;margin-left:auto;margin-right:auto}.photograph:before{display:none}.photo-button{max-width:100%;margin:auto}.photo-button img{object-fit:contain}.photograph figcaption{max-width:100%;padding:5px 0 0}.image-pair{display:flex;justify-content:center;align-items:start;gap:10px;margin:9px 0 0}.image-pair .photograph{margin:0;flex-shrink:1}.image-pair .photo-button{max-width:100%}.paper:after{display:none}.journal-sticker{position:absolute;object-fit:contain;transform:rotate(var(--tilt));filter:drop-shadow(0 1px 1px #73592b22);width:42px;height:64px}.left .sticker-slot-0{left:2px;top:18%}.right .sticker-slot-0{right:2px;top:18%}.left .sticker-slot-1{left:2px;top:48%}.right .sticker-slot-1{right:2px;top:48%}.left .sticker-slot-2{left:2px;top:74%}.right .sticker-slot-2{right:2px;top:74%}.sticker-slot-3{left:19%;bottom:3px;width:66px;height:42px}.sticker-slot-4{right:14%;bottom:3px;width:66px;height:42px}
@media(max-width:1100px){.header-actions{gap:10px}.brand{width:220px}.country-tab{padding:5px}}
@media(max-width:839px){.cover-view{display:flex;flex-direction:column;align-items:center;gap:25px;width:100%}.about{order:0;width:100%;height:auto;max-height:none;padding:18px 22px 0;overflow:visible}.about>h1{font-size:28px}.about-content{font-size:15px}.cover-view>.cover{order:1;width:var(--page-width);height:var(--page-height);margin:0}.header-actions{gap:9px;margin-left:auto}.header-actions button{font-size:11px}.site-header .brand{width:220px;max-width:60%}.site-header{height:116px}.country-tab img{width:21px;height:21px}.country-tab{padding:5px 2px}.opening-intro{display:none}.mobile-paper .journal-sticker{width:22px;height:42px}.mobile-paper .sticker-slot-0{top:19%;left:1px;right:auto}.mobile-paper .sticker-slot-1{top:48%;left:auto;right:1px}.mobile-paper .sticker-slot-2{top:72%;left:1px;right:auto}.mobile-paper .sticker-slot-3{top:auto;left:14%;bottom:4px;width:55px;height:37px}.mobile-paper .sticker-slot-4{top:auto;right:12%;bottom:4px;width:55px;height:37px}}
@media(max-width:380px){.country-tab img{width:19px;height:19px}.site-header .brand{width:175px}.header-actions{gap:7px}.about-content .photograph:first-child{float:none;max-width:100%;margin:0 auto 15px}}
@media(min-width:840px) and (max-width:1050px){.site-header .brand{width:180px}.country-tab{padding:5px 3px}.country-tab img{width:23px;height:23px}.header-actions button{font-size:12px}}

.about-content .photo-button{pointer-events:auto;cursor:zoom-in}

.cover-open-button{border:1px solid #dcc495;background:#d2b78b;color:#422634;padding:10px 24px;border-radius:2px;min-height:44px}

.journal-sticker.free-sticker,.mobile-paper .journal-sticker.free-sticker{width:88px;height:88px}
@media(max-width:839px){.cover-view>.cover{align-self:flex-start;margin-left:0}}
/* A narrow print edge follows the actual photograph, never a full-width mat. */
.page-content>.photograph,.photo-collage>.photograph{padding:4px 4px 5px;border:1px solid #e6ddcd;background:#fffdf6;box-shadow:1px 3px 5px #48301c25;transform:rotate(var(--photo-angle));transform-origin:center;margin-top:13px;margin-bottom:17px;max-width:calc(100% - 14px)}
.page-content>.photograph[data-placement="0"]{margin-left:8px;margin-right:auto}.page-content>.photograph[data-placement="1"]{margin-left:auto;margin-right:8px}.page-content>.photograph[data-placement="2"]{margin-left:7%;margin-right:auto;max-width:88%}
.page-content>.photograph:before,.photo-collage>.photograph:before{display:block;content:'';position:absolute;top:-7px;left:32%;width:34%;height:14px;background:repeating-linear-gradient(115deg,#dac39480 0 3px,#eddbb983 3px 6px);transform:rotate(-3deg);pointer-events:none;z-index:1}
.page-content>.photograph figcaption,.photo-collage>.photograph figcaption{padding:7px 3px 2px}.image-pair .photograph{padding:0;border:0;background:none;box-shadow:none;transform:none}.image-pair .photograph:before{display:none}
.page-content.photo-collage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:8px 16px;padding:8px 4px}.photo-collage>.photograph{max-width:100%;margin:8px 0}.photo-collage>.photograph:first-child{grid-area:1/1/4/2;align-self:start;justify-self:start}.photo-collage>.photograph:last-child{grid-area:2/2/5/3;align-self:end;justify-self:end}
.footprint-trail{position:relative;width:100%;height:100%;min-height:100px}.footstep{position:absolute;width:14%;aspect-ratio:96/78;background:#a6245f;mask:url('assets/footstep.png') center/contain no-repeat;-webkit-mask:url('assets/footstep.png') center/contain no-repeat;transform:translate(-50%,-50%) rotate(var(--step-angle)) scaleX(var(--step-mirror,1));animation:footfall .48s ease-out both;animation-delay:var(--step-delay)}
@keyframes footfall{from{opacity:0;scale:.88}to{opacity:.9;scale:1}}
@media(max-width:839px){.mobile-paper .page-content.photo-collage{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:6px}.mobile-paper .photo-collage>.photograph:first-child{align-self:flex-start}.mobile-paper .photo-collage>.photograph:last-child{align-self:flex-end}.page-content>.photograph[data-placement="2"]{margin-left:4%;max-width:92%}}
@media(prefers-reduced-motion:reduce){.footstep{opacity:.9;animation:none}}
/* One viewport, with navigation beside the book. */
body{height:100dvh;display:flex;flex-direction:column}.site-header{flex-shrink:0}main{flex:1;min-height:0;padding:9px 0 0}#reader{position:relative;width:fit-content;margin:0 auto}.reading-controls{position:absolute;inset:0;width:100%;max-width:none;min-height:0;padding:0;pointer-events:none}.reading-controls button{position:absolute;top:68%;transform:translateY(-50%);width:46px;height:58px;border-radius:45% 45% 48% 48%;border:1px solid #b59a70;background:linear-gradient(135deg,#fff9e9,#e9d8b7);box-shadow:0 2px 4px #60462925,inset 0 0 0 3px #f7edda;pointer-events:auto}.reading-controls button svg{width:34px;fill:none;stroke:#704e39;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#previous{left:-55px}#next{right:-55px}#page-count{position:absolute;top:calc(100% + 15px);width:100%;text-align:center;font-size:10px}.cover:after{display:none}
:is(#open-book,#close-book,.turned-clasp).book-clasp{position:absolute;top:47%;width:43px;height:65px;padding:0;border:1px solid #78542f;border-radius:5px 10px 10px 5px;background:linear-gradient(90deg,#967044,#e3c687 36%,#b28a4b 76%,#806039);box-shadow:0 3px 5px #28192066,inset 0 0 0 3px #d7b574;z-index:12;min-height:0}#open-book{right:-16px}#close-book.book-clasp{left:-19px;border-radius:10px 5px 5px 10px;transform:scaleX(-1)}.book-clasp:before,.book-clasp:after{content:'';position:absolute;left:18px;width:5px;height:5px;border-radius:50%;background:#775332;box-shadow:0 1px #efd69d}.book-clasp:before{top:8px}.book-clasp:after{bottom:8px}.keyhole{position:absolute;left:17px;top:25px;width:8px;height:8px;background:#523825;border-radius:50%;box-shadow:0 1px #efd69d}.keyhole:after{content:'';position:absolute;top:5px;left:2px;width:4px;height:10px;background:#523825}.book-clasp:hover{filter:brightness(1.15)}.clasp-arrow{position:absolute;right:32px;top:calc(47% - 22px);width:86px;height:65px;fill:none;stroke:#ddc395;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg)}.index-sheet .index-entry{height:var(--index-row-height);align-content:center;grid-template-rows:auto auto}.about{max-height:var(--page-height)}
@media(max-width:839px){#previous{left:-32px}#next{right:-32px}.reading-controls button{width:28px;height:48px}.reading-controls button svg{width:25px}#close-book.book-clasp{width:33px;left:-16px}.book-clasp .keyhole{left:12px}#open-book .keyhole{left:17px}.cover-view{height:var(--page-height);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:calc(100% - 54px);align-items:start}.cover-view>.cover{width:100%;height:var(--page-height);padding:20px 12px;align-self:start;justify-self:start}.cover-view .about{height:var(--page-height);max-height:var(--page-height);overflow:auto;padding:10px 5px}.about>h1{font-size:20px}.about-content{font-size:13px}.about-content .photograph:first-child{float:none;max-width:100%;margin:0 auto 10px}.cover h1{font-size:clamp(17px,4vw,29px)}.cover-seal{width:55px;height:55px;margin-bottom:26px}.cover-seal img{width:40px}.cover-authors{font-size:21px;margin:22px 0}.cover:before{inset:12px}.clasp-arrow{width:55px;right:23px;top:calc(47% - 26px)}}
@media(max-height:540px){.cover-seal{margin-bottom:12px;width:48px;height:48px}.cover-seal img{width:36px}.cover-authors{margin:10px 0}.cover h1{font-size:25px}}
.reading-controls button{padding:0;display:grid;place-items:center}

.opening-back .turned-clasp{left:-19px;right:auto;transform:scaleX(-1)}
.page-content>.photograph[data-placement="3"]{margin-left:auto;margin-right:auto}.page-content>.photograph[data-placement="4"]{margin-left:auto;margin-right:12%;max-width:84%}
.photo-collage[data-collage="1"]>.photograph:first-child{grid-area:1/2/4/3;justify-self:end}.photo-collage[data-collage="1"]>.photograph:last-child{grid-area:2/1/5/2;justify-self:start}
.photo-collage[data-collage="2"]>.photograph:first-child{grid-area:1/1/5/2;align-self:center}.photo-collage[data-collage="2"]>.photograph:last-child{grid-area:1/2/5/3;align-self:center}
.photo-collage[data-collage="3"]>.photograph:first-child{grid-area:1/1/4/2;align-self:center}.photo-collage[data-collage="3"]>.photograph:last-child{grid-area:2/2/5/3;align-self:center}
#countries{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;gap:3px}.country-tab{flex-shrink:0;padding:6px}.country-tab span{display:none!important}
@media(max-width:839px){#countries{overflow-x:auto;justify-content:flex-start;gap:6px}.country-tab{padding:4px 3px}.mobile-paper .photo-collage[data-collage="1"]>.photograph:first-child{align-self:flex-end}.mobile-paper .photo-collage[data-collage="1"]>.photograph:last-child{align-self:flex-start}.mobile-paper .photo-collage[data-collage="2"]>.photograph{align-self:center}.mobile-paper .photo-collage[data-collage="3"]>.photograph:first-child{align-self:center}.mobile-paper .photo-collage[data-collage="3"]>.photograph:last-child{align-self:flex-start}}

/* Center the route when it fits; retain access to its beginning when it overflows. */
#countries{justify-content:safe center}
.reading-controls button{top:calc(47% + 32px);width:44px;height:62px;border:1px solid #78542f;border-radius:7px 3px 3px 7px;background:linear-gradient(90deg,#8d673b,#dfc080 36%,#b58d50 76%,#806039);box-shadow:0 3px 5px #28192055,inset 0 0 0 3px #d7b574}
.reading-controls button:before,.reading-controls button:after{content:'';position:absolute;left:19px;width:4px;height:4px;border-radius:50%;background:#775332;box-shadow:0 1px #efd69d}.reading-controls button:before{top:7px}.reading-controls button:after{bottom:7px}.reading-controls button svg{stroke:#523825;width:30px}.reading-controls button:hover:not(:disabled){background:linear-gradient(90deg,#a67c46,#efd499 36%,#caa363 76%,#977342)}#previous{left:-82px}#next{right:-82px;border-radius:3px 7px 7px 3px}
.opening-back>.opening-index{width:100%!important;height:100%!important;border-radius:0}.opening-back{overflow:visible}
@media(max-width:839px){#previous{left:-49px}#next{right:-49px}.reading-controls button{width:28px;height:58px}.reading-controls button svg{width:24px}.reading-controls button:before,.reading-controls button:after{left:11px}}
/* Turning leaves may project outside the viewport without changing its scroll area. */
html{overflow:hidden}body{overflow:clip}

/* Hardware sits outside the book's perspective scene, above turning paper. */
.book{z-index:0}.reading-controls{z-index:20}#reader>#close-book{left:-13px;z-index:21}
.clasp-arrow{top:calc(47% + 32.5px);height:60.2px;transform:translateY(-60%)}
@media(max-width:839px){#reader>#close-book{left:-11px}.clasp-arrow{height:38.5px}}
.album-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;padding:8px 4px}.album-card{display:flow-root;min-height:min-content}.album-card>.photograph{padding:4px 4px 5px;border:1px solid #e6ddcd;background:#fffdf6;box-shadow:1px 3px 5px #48301c25;transform:rotate(var(--photo-angle));margin:9px auto 20px;max-width:100%}.album-card>.photograph:before{display:block}.album-card>.text-block{margin-top:12px}.departure-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.departure-page>.photograph[data-placement]{margin:8px auto;max-width:90%;flex-shrink:0}.departure-route{display:block;width:95%;height:27%;object-fit:contain;flex-shrink:0}
@media(max-width:839px){.mobile-paper .album-page{display:flex;flex-direction:column;gap:14px}.mobile-paper .album-card>.photograph{float:left;margin:6px 14px 8px 0}.mobile-paper .album-card:nth-child(2)>.photograph{float:right;margin:6px 0 8px 14px}.mobile-paper .album-card>.text-block{font-size:15px;line-height:1.55}.mobile-paper .departure-page{gap:14px}.mobile-paper .departure-route{width:100%;height:25%}}
.album-copy>.text-block{margin:12px 0}.album-rows{display:flex;flex-direction:column;gap:20px}.album-rows .album-card{display:grid;grid-template-columns:38% minmax(0,1fr);gap:20px;align-items:center}.album-rows .album-card>.photograph{margin:7px auto}.album-rows .album-copy>.text-block{margin:0 0 10px}