@font-face{font-family:ABCDiatype;src:url('assets/fonts/ABCDiatype-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ABCDiatype;src:url('assets/fonts/ABCDiatype-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:ABCDiatype;src:url('assets/fonts/ABCDiatype-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#161616;--muted:#858585;--line:#e7e7e7;--paper:#fff;--ui-font:ABCDiatype,Arial,Helvetica,sans-serif;--mono:var(--ui-font)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 var(--ui-font);font-synthesis:none}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button,select,input{font:inherit}button{border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #111;outline-offset:5px}.topbar{height:116px;padding:0 45px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.brand{text-decoration:none;font-size:24px;font-weight:900;letter-spacing:-1.7px;justify-self:start}.country-trigger{display:flex;align-items:center;gap:10px;justify-content:center;font:14px var(--mono);padding:14px 0;text-transform:uppercase}.trigger-count{font-size:12px;color:var(--muted)}.chevron{width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-left:5px;margin-top:-4px}.search-trigger{justify-self:end;display:flex;align-items:center;gap:11px;font:12px var(--mono);padding:14px 0}.search-icon{height:13px;width:13px;display:inline-block;border:1.3px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}.search-icon:after{content:'';position:absolute;width:5px;height:1.3px;background:currentColor;right:-4px;bottom:-2px;transform:rotate(45deg)}kbd{font:12px var(--mono);color:#9a9a9a;margin-left:6px}main{padding:0 36px;max-width:1800px;margin:auto}.collection-meta{display:flex;align-items:center;gap:16px;padding:20px 9px 18px;font:12px var(--mono);color:var(--muted)}h1{font:inherit;text-transform:uppercase;margin:0;color:var(--ink)}.collection-meta>span:before{content:'/';padding-right:16px;color:#c1c1c1}.sort-label{margin-left:auto}.sort-label select{font:12px var(--mono);color:var(--muted);border:0;background:white;cursor:pointer;max-width:135px}.stamp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 0;min-height:400px;padding:10px 0 40px}.stamp-card{padding:0 8px 26px;display:flex;flex-direction:column;align-items:center;min-width:0;color:var(--ink);text-align:center}.stamp-mount{height:234px;width:100%;display:flex;align-items:center;justify-content:center;perspective:900px;padding:30px 22px}.stamp-object{max-width:100%;max-height:100%;display:block;transform:rotate(var(--angle,0deg));transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s ease;filter:drop-shadow(0 1px 1px #00000018);will-change:transform}.stamp-card:hover .stamp-object,.stamp-card:focus-visible .stamp-object{transform:translateY(-14px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-1deg) scale(1.1);filter:drop-shadow(4px 18px 10px #00000026)}.stamp-card:active .stamp-object{transform:translateY(-7px) rotate(-1deg) scale(1.04)}.stamp-caption{max-width:240px;font:14px/1.35 var(--mono);margin-top:12px;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.stamp-year{font:12px var(--mono);color:var(--muted);margin-top:8px}.album-bottom{display:flex;justify-content:space-between;align-items:center;color:#999;font:12px var(--mono);padding:20px 9px 25px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 45px 48px;gap:20px;color:var(--muted);font:12px var(--mono)}footer button{font:inherit;color:inherit;padding:10px 0}footer button:hover{color:#111}footer>div{display:flex;align-items:center;gap:25px}dialog{border:0;padding:0;background:#fff;color:var(--ink);max-height:92dvh;box-shadow:0 30px 100px #0002}dialog::backdrop{background:#f6f6f6c9;backdrop-filter:blur(8px)}.close{font:28px/1 var(--ui-font);padding:9px;position:absolute;right:24px;top:20px;z-index:5}.close:hover{opacity:.5}#countryDialog{width:min(800px,92vw);padding:34px 38px 20px;border:1px solid #eee}.picker-head{font:12px var(--mono);letter-spacing:.02em;margin-bottom:37px}.picker-head .close{top:21px;right:25px}.country-search{display:flex;gap:22px;align-items:center;border-bottom:1px solid #191919;padding-bottom:21px}.country-search input{border:0;width:100%;min-width:0;font-size:32px;letter-spacing:-1px;padding:0;outline:none;background:none}.country-search input:focus-visible{outline:0}.country-search .search-icon{height:20px;width:20px}.country-search input::placeholder{color:#b2b2b2}.region-tabs{display:flex;gap:25px;margin:23px 0 25px}.region-tabs button{font:12px var(--mono);padding:7px 0;color:#999}.region-tabs button[aria-pressed=true]{color:#111;border-bottom:1px solid #111}.country-results{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px;max-height:49vh;overflow:auto}.country-result{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 8px;border-bottom:1px solid #efefef;min-width:0;font-size:16px}.country-result>span:first-child{flex:1}.country-result .country-number{font:12px var(--mono);color:#999}.country-result .current-mark{width:4px;height:4px;background:#111}.country-result:hover,.country-result:focus-visible{background:#f4f4f4;outline:0}.country-result:focus-visible>span:first-child{text-decoration:underline;text-underline-offset:5px}.picker-footer{display:flex;justify-content:space-between;gap:12px;font:12px var(--mono);color:#999;padding-top:24px}#noCountries{font-size:16px;color:#777;padding:35px 0}#inspect[open]{display:grid;grid-template-columns:1.3fr 1fr;width:min(1060px,94vw)}.detail-art{background:#f9f9f9;min-height:570px;display:flex;align-items:center;justify-content:center;padding:75px 45px;position:relative;overflow:hidden}#zoomImage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;cursor:zoom-in}#detailImage{max-width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(3px 10px 8px #0002);transition:transform .28s ease;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)}.detail-art.zoomed #detailImage{transform:scale(1.85)}.detail-art.zoomed #zoomImage{cursor:zoom-out}.zoom-hint{position:absolute;bottom:30px;font:12px var(--mono);color:#999;pointer-events:none}.detail-info{padding:72px 40px 28px;display:flex;flex-direction:column}.eyebrow{font:12px var(--mono);color:var(--muted);text-transform:uppercase;margin:0 0 17px}.detail-info h2{font-size:25px;line-height:1.18;font-weight:500;text-transform:uppercase;margin:0 0 13px;letter-spacing:-.7px}.detail-year{font:14px var(--mono);color:#777;margin:0 0 28px}dl{font-size:14px;margin:0 0 24px}dl>div{border-bottom:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:63px 1fr;gap:14px}dt{font:12px/1.6 var(--mono);color:var(--muted)}dd{margin:0;font-size:14px}.download-button{display:block;text-decoration:none;text-align:center;padding:16px;background:#111;color:white;font:14px var(--mono)}.download-button:hover{background:#333}.secondary-links{display:flex;justify-content:space-between;gap:16px;padding:20px 0;font:12px var(--mono);color:#777}.secondary-links a{text-decoration:none}.secondary-links a:hover{color:#111;text-decoration:underline;text-underline-offset:4px}.catalogue{font:12px/1.6 var(--mono);color:#777;margin:0 0 25px}.catalogue summary{cursor:pointer}.detail-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:21px;border-top:1px solid var(--line);font:12px var(--mono);color:var(--muted)}.detail-navigation button{font:12px var(--mono)}#about{width:min(580px,92vw);padding:60px 45px}#about h2{font-size:38px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;margin:25px 0 30px}#about p:not(.eyebrow){color:#777;font-size:16px;line-height:1.65}.about-total{border-top:1px solid var(--line);padding-top:22px;font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.stamp-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stamp-mount{height:255px}}@media(max-width:950px){.stamp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:0 28px}main{padding:0 20px}.stamp-mount{height:220px;padding:30px 20px}}@media(max-width:600px){.topbar{height:94px;padding:0 20px;gap:10px;grid-template-columns:1fr auto 1fr}.brand{font-size:20px}.search-trigger>span:not(.search-icon),.search-trigger kbd{display:none}.country-trigger{font-size:12px;gap:7px}.trigger-count{font-size:10px}.search-trigger{padding:16px}main{padding:0 12px}.collection-meta{padding:18px 8px;font-size:11px;gap:10px}.collection-meta>span:before{padding-right:10px}.sort-label select{font-size:11px;max-width:116px}.stamp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-top:8px}.stamp-mount{height:190px;padding:24px 14px}.stamp-card{padding:0 7px 26px}.stamp-caption{font-size:12px;min-height:33px}.stamp-year{font-size:12px}.album-bottom{font-size:10px;gap:14px;line-height:1.6}.album-bottom>span:last-child{max-width:135px;text-align:right}footer{padding:20px 20px 35px;gap:18px;font-size:10px}footer>div{gap:0}#totalCount{display:none}#countryDialog{width:100%;height:100dvh;max-height:100dvh;margin:0;padding:28px 22px;border:0}.picker-head{margin-bottom:38px}.country-search input{font-size:29px}.country-results{max-height:calc(100dvh - 295px);grid-template-columns:1fr;gap:0}.country-result{padding:16px 8px}.region-tabs{gap:20px}.region-tabs button{font-size:11px}.picker-footer{font-size:10px;line-height:1.5}#inspect[open]{display:block;width:100%;max-height:100dvh;min-height:100dvh;margin:0}.detail-art{min-height:340px;height:44vh;padding:65px 45px}.detail-art img{max-height:30vh!important}.detail-info{padding:32px 26px}.detail-info h2{font-size:24px}.detail-year{margin-bottom:18px}.close{right:15px;top:12px}#about{padding:55px 26px}#about h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.stamp-card:hover .stamp-object{transform:none;filter:none}}
[hidden]{display:none!important}
:root{--paper:#efede7;--ink:#262321;--muted:#77736d;--line:#d9d6cf}
body{background:var(--paper)}.topbar{height:100px}.brand{font-size:25px}.country-trigger{font-size:13px}.search-trigger{font-size:13px}
#countryHome{max-width:1440px;padding:25px 5vw 70px}.index-meta{display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);color:var(--muted);margin:0 0 40px}.index-meta h1{font:inherit;text-transform:uppercase;color:inherit}
#countryIndex{display:flex;flex-direction:column;gap:14px}.country-row{display:flex;align-items:center;justify-content:center;gap:24px;min-height:218px;text-decoration:none;padding:10px 16px;color:var(--ink);transition:color .25s}
.index-country,.index-count{font-family:var(--ui-font);font-size:clamp(46px,7.9vw,112px);font-weight:400;line-height:1;letter-spacing:-.065em;white-space:nowrap}.index-count{font-weight:300;letter-spacing:-.07em}.index-stamp{width:155px;height:195px;display:flex;align-items:center;justify-content:center;flex-shrink:0;perspective:800px}.index-stamp img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease;transform:rotate(-5deg)}.country-row:nth-child(even) .index-stamp img{transform:rotate(6deg)}.country-row:hover .index-stamp img{transform:rotate(-9deg) translateY(-12px)}.country-row:hover .index-country{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px}.country-row:focus-visible{outline:1px solid var(--ink);outline-offset:6px}
body[data-view=index] #prevCountry,body[data-view=index] #nextCountry{visibility:hidden}.collection-meta{padding-top:28px}.sort-label select{background:transparent}.back-to-box{font:12px var(--mono);color:var(--muted);padding:8px 0;margin-right:16px}
.stamp-object,.stamp-card:hover .stamp-object,.stamp-card:focus-visible .stamp-object,#detailImage{filter:none!important;box-shadow:none!important}.stamp-mount{transform:none!important;perspective:none}
@media(max-width:800px){.country-row{gap:16px;min-height:175px;padding:7px 0}.index-country,.index-count{font-size:clamp(34px,7.6vw,65px)}.index-stamp{width:105px;height:145px}.index-meta{margin-bottom:25px;font-size:11px}.index-meta h1{max-width:190px}.index-meta span{text-align:right}#countryHome{padding-inline:20px}}
@media(max-width:520px){.topbar{height:84px;padding-inline:20px}.country-trigger{font-size:11px}.country-row{gap:11px;min-height:148px;justify-content:center}.index-country,.index-count{font-size:clamp(30px,8vw,42px);letter-spacing:-.07em}.index-stamp{width:68px;height:108px}.country-row:nth-child(12) .index-country{white-space:normal;max-width:135px}.index-meta{font-size:10px}#countryHome{padding-top:18px}#countryIndex{gap:8px}.back-to-box{font-size:11px}.collection-meta{flex-wrap:wrap}footer{font-size:11px}}
@font-face{font-family:FarsiSimple;src:url('assets/fonts/farsi-simple-bold.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#faf9f6}.brand{font-family:FarsiSimple,serif;font-size:38px;font-weight:400;letter-spacing:0;line-height:1}.topbar{position:relative;z-index:4}#countryHome{max-width:none;padding:0}#countryListSection{max-width:1380px;margin:auto;padding:70px 5vw 100px;scroll-margin-top:25px}.index-meta{margin-bottom:50px}#stampWorld{position:relative;height:calc(100svh - 100px);min-height:620px;overflow:hidden}.homeland-title{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:1;width:min(490px,50vw)}.homeland-title h1{font-family:FarsiSimple,serif;font-size:clamp(190px,23vw,350px);font-weight:400;line-height:1.22;letter-spacing:-.04em;margin:-8px 0 -22px;text-transform:none}.hero-kicker{font:11px var(--mono);letter-spacing:.1em;margin:0 0 -15px;color:#7b776e}.homeland-translation{font:12px var(--mono);letter-spacing:.4em;margin:0 0 32px;color:#5c5952}#exploreCountries{pointer-events:auto;border-bottom:1px solid #777;font:12px var(--mono);padding:10px 0;color:var(--ink)}#driftingStamps{position:absolute;inset:0}.world-stamp{position:absolute;border:0;padding:0;background:none;will-change:transform;touch-action:manipulation}.world-stamp-mount{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.world-stamp-mount img{max-width:100%;max-height:100%;object-fit:contain}.world-stamp-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font:10px var(--mono);text-transform:uppercase;opacity:0;transition:opacity .25s}.world-stamp:hover .world-stamp-label,.world-stamp:focus-visible .world-stamp-label{opacity:1}.world-bottom{position:absolute;bottom:18px;left:45px;right:45px;display:flex;justify-content:space-between;font:10px var(--mono);color:#7e7a72;pointer-events:none}
@media(max-width:650px){#stampWorld{height:calc(100svh - 84px);min-height:570px}.homeland-title{width:72vw;top:46%}.homeland-title h1{font-size:190px;margin-bottom:-14px}.hero-kicker{font-size:8px;letter-spacing:.01em}.homeland-translation{font-size:10px;margin-bottom:20px}.world-bottom{left:20px;right:20px;font-size:8px}.world-bottom span:first-child{max-width:140px}.world-stamp:nth-child(11),.world-stamp:nth-child(12){display:none}#countryListSection{padding-top:40px}.country-row{min-height:150px}.brand{font-size:32px}}
.paper-renderer{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2}.paper-ready .stamp-mount img,.paper-ready .index-stamp img,.paper-ready .world-stamp-mount img{opacity:0}.paper-ready .stamp-object{transform:none!important}.stamp-caption,.index-country,.index-count{position:relative;z-index:3}body:has(dialog[open]) .paper-renderer{display:none}.detail-art{padding:25px 25px 80px;min-height:600px;background:#f5f3ee;display:block;position:relative}.detail-art #detailSurface{position:absolute;inset:35px 20px 100px;cursor:grab;touch-action:none;overflow:hidden;outline-offset:-3px;display:flex;align-items:center;justify-content:center}.detail-art #detailSurface.dragging{cursor:grabbing}#detailSurface canvas{position:absolute;inset:0;width:100%;height:100%}#detailSurface.rendered>img{visibility:hidden}#detailSurface>img{max-width:90%;max-height:95%}.art-controls{position:absolute;bottom:26px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:18px}.art-controls>span{font:10px var(--mono);color:#817c73;letter-spacing:.02em}.zoom-controls{display:flex;align-items:center;gap:12px;font:12px var(--mono)}.zoom-controls button{font:inherit;padding:6px 10px}.zoom-controls button:first-child,.zoom-controls button:nth-child(3){font:20px var(--ui-font);width:30px}.zoom-controls output{min-width:38px;text-align:center}.zoom-controls #resetArt{border-left:1px solid #cecac1;padding-left:18px;margin-left:5px}.detail-info{background:#fcfbf9}dialog{box-shadow:none;border:1px solid #ddd8cf}.detail-art.zoomed #detailImage{transform:none}.stamp-card:hover .stamp-object,.stamp-card:focus-visible .stamp-object{filter:none}
@media(max-width:700px){.detail-art{min-height:430px}.detail-art #detailSurface{inset:35px 25px 100px}.detail-info{padding:35px 25px 24px}#inspect[open]{display:block;max-height:94dvh}#detailImage{max-height:290px}.art-controls>span{font-size:9px}.world-stamp-label{display:none}}
.art-controls{z-index:5;pointer-events:auto}.zoom-controls button{position:relative;z-index:6;min-width:44px;min-height:44px}#detailSurface canvas{pointer-events:none}

/* Keep country navigation and inspection controls readable on small screens. */
.country-trigger,.search-trigger{font-size:13px}.hero-kicker,.homeland-translation,.world-bottom,.world-stamp-label,.index-meta,.art-controls>span,.picker-footer{font-size:12px}.region-tabs button{font-size:12px}.back-to-box,.zoom-controls{font-size:14px}.stamp-year{font-size:13px}
@media(max-width:650px){.world-bottom{font-size:11px;line-height:1.4}.hero-kicker{font-size:11px}.homeland-translation{font-size:12px}.country-trigger{font-size:12px}.index-meta{font-size:12px;align-items:start;line-height:1.5}.index-meta span{max-width:140px}.art-controls>span{font-size:11px}.picker-footer{font-size:11px}.album-bottom,footer{font-size:12px}.collection-meta,.sort-label select{font-size:12px}}

/* The supplied calligraphic font has a deep descender. */
.homeland-title{top:44%;width:min(520px,60vw)}.homeland-title h1{font-size:clamp(180px,20vw,290px);line-height:1.25;padding-bottom:.32em;margin:-8px 0 0;letter-spacing:0}.hero-kicker{margin:0 0 -12px}.homeland-translation{margin:0 0 20px}
@media(max-width:650px){.homeland-title{width:78vw;top:45%}.homeland-title h1{font-size:170px;padding-bottom:.34em}.homeland-translation{margin-bottom:16px}}

/* A quiet opening: the stamps uncover the title, once per visit. */
.topbar{grid-template-columns:1fr auto}.search-trigger{grid-column:2}
#stampWorld[data-intro=pending] .homeland-title{opacity:0}
#stampWorld[data-intro=playing] .world-stamp-label{visibility:hidden}
.homeland-title{opacity:var(--title-reveal,1)}
@media(prefers-reduced-motion:reduce){#stampWorld[data-intro=pending] .homeland-title{opacity:1}}

/* Hanoot NYC: outlined lettering and a softly worn, receipt-like ink impression. */
@font-face{font-family:EaseGeometric;src:url('assets/fonts/ease-geometric.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:DecoNaskh;src:url('assets/fonts/decotype-naskh-swashes.ttf') format('truetype');font-weight:400;font-display:swap}
.topbar{height:108px;z-index:8}.brand{display:block;line-height:0;width:116px;padding:8px 0}.brand img{width:100%;height:auto;display:block}
#stampWorld{height:calc(100svh - 108px)}
.homeland-title{top:45%;width:min(826px,77vw);pointer-events:auto;z-index:3}
.homeland-title h1{font:inherit;line-height:0;margin:0;padding:0}
#logoDiscover{display:block;width:100%;padding:0;cursor:pointer;line-height:0;position:relative;z-index:1}
.homeland-mark{display:block;width:100%;height:auto;user-select:none}
#logoDiscover:focus-visible{outline:1px dashed #918a7d;outline-offset:15px;border-radius:50%}
#stampWorld[data-intro=pending] .homeland-title,#stampWorld[data-intro=playing] .homeland-title{pointer-events:none}
.scroll-haze{position:fixed;top:0;left:0;right:0;height:clamp(90px,18vh,180px);z-index:6;pointer-events:none;opacity:var(--scroll-haze,0);transition:opacity .2s}
.scroll-haze i{position:absolute;inset:0;pointer-events:none}
.scroll-haze i:nth-child(1){backdrop-filter:blur(.35px);mask-image:linear-gradient(#000 0%,#000 70%,transparent 100%)}
.scroll-haze i:nth-child(2){backdrop-filter:blur(.7px);mask-image:linear-gradient(#000 0%,#000 55%,transparent 90%)}
.scroll-haze i:nth-child(3){backdrop-filter:blur(1.4px);mask-image:linear-gradient(#000 0%,#000 40%,transparent 75%)}
.scroll-haze i:nth-child(4){backdrop-filter:blur(2.8px);mask-image:linear-gradient(#000 0%,#000 25%,transparent 60%)}
.scroll-haze i:nth-child(5){backdrop-filter:blur(5.6px);mask-image:linear-gradient(#000 0%,#000 10%,transparent 45%)}
.scroll-haze i:nth-child(6){backdrop-filter:blur(9px);mask-image:linear-gradient(#000 0%,transparent 28%)}
body:has(dialog[open]) .scroll-haze{display:none}
.hanoot-credit{font:12px var(--mono);text-decoration:none;text-underline-offset:4px}.hanoot-credit:hover,.hanoot-credit:focus-visible{text-decoration:underline}
#about .project-credit{color:var(--ink);font-size:18px}#about .project-credit a{text-decoration-thickness:1px;text-underline-offset:4px}footer>div{gap:26px}
@media(max-width:650px){.topbar{height:90px}.brand{width:88px}#stampWorld{height:calc(100svh - 90px)}.homeland-title{width:calc(100vw - 24px);top:45%}.country-row{gap:10px}footer>div{gap:18px;flex-wrap:wrap;justify-content:center}footer{flex-wrap:wrap}.hanoot-credit{font-size:11px}}
/* Pointer movement tilts the close-up; touch retains direct manipulation. */
.detail-art #detailSurface{cursor:default;outline:none}.detail-art #detailSurface:focus-visible{outline:1px solid #918a7d;outline-offset:-3px}
@media(hover:none){.detail-art #detailSurface{cursor:grab}.detail-art #detailSurface.dragging{cursor:grabbing}}

/* Quick, transient impressions follow the pointer, never blocking the logo. */
#stampTrail{position:absolute;inset:0;pointer-events:none;z-index:5}
.trail-stamp{position:absolute;width:76px;height:94px;object-fit:contain;pointer-events:none;user-select:none;transform:translate(-50%,-50%) rotate(var(--turn));animation:stamp-impression .7s cubic-bezier(.2,.65,.3,1) both;will-change:transform,opacity}
@keyframes stamp-impression{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--turn)) scale(.82)}12%,38%{opacity:1;transform:translate(-50%,-50%) rotate(var(--turn)) scale(1)}100%{opacity:0;transform:translate(-50%,-60%) rotate(var(--turn)) scale(.94)}}
.detail-art #detailSurface{cursor:zoom-in}.detail-art #detailSurface.is-zoomed{cursor:zoom-out}.detail-art #detailSurface.dragging{cursor:grabbing}
.art-controls>span{text-align:center;line-height:1.5}
@media(max-width:650px){.trail-stamp{width:58px;height:74px}}
@media(prefers-reduced-motion:reduce){.trail-stamp{animation-name:stamp-impression-still}}
@keyframes stamp-impression-still{0%,65%{opacity:1}100%{opacity:0}}

/* A quiet invitation to the alphabetical country list. */
.country-scroll-cue{position:absolute;z-index:4;left:50%;bottom:max(18px,calc(100% - 100svh + 126px));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 18px;color:#6e6a63;font:12px/1.4 var(--mono);letter-spacing:.035em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .55s ease,color .2s ease}
.country-scroll-cue i{display:block;width:1px;height:18px;background:currentColor;opacity:.5}
#stampWorld[data-intro=complete] .country-scroll-cue{opacity:1;visibility:visible}
.country-scroll-cue:hover{color:var(--ink)}.country-scroll-cue:hover span{text-decoration:underline;text-underline-offset:5px}
@media(max-width:650px){.country-scroll-cue{bottom:max(16px,calc(100% - 100svh + 106px));font-size:12px}}

/* Site-wide ABC Diatype typography, with the existing outlined logo retained. */
.index-country,.index-count{font-weight:400;letter-spacing:-.05em}.detail-info h2,#about h2{font-weight:500;letter-spacing:-.02em}

/* The stamp artwork and its click targets sit in front of the logo. */
.homeland-title{z-index:1}
#driftingStamps{z-index:2;pointer-events:none}
#driftingStamps .world-stamp{pointer-events:auto}

/* Keep the collection-page header mark centered independently of the search control. */
body[data-view=collection] .topbar{grid-template-columns:1fr auto 1fr}
body[data-view=collection] .topbar .brand{grid-column:2;justify-self:center;width:139.2px}
body[data-view=collection] .topbar .search-trigger{grid-column:3;grid-row:1;justify-self:end}
@media(max-width:650px){body[data-view=collection] .topbar .brand{width:105.6px}}

/* Override the browser's dialog width limit so mobile sheets fill the viewport evenly. */
@media(max-width:600px){
 #inspect[open],#countryDialog[open]{inset:0;width:100%;max-width:none;height:100dvh;min-height:0;max-height:100dvh;margin:0;overflow-y:auto;overscroll-behavior:contain}
 #inspect .detail-info{min-width:0;overflow-wrap:anywhere}
}


/* Quiet previous/next controls flank the stamp without a pagination row. */
.stamp-step{position:absolute;top:45%;transform:translateY(-50%);z-index:7;width:44px;height:44px;display:grid;place-items:center;padding:0;color:#77736d}
.stamp-step:hover{color:var(--ink)}.stamp-step svg{display:block;width:18px;height:18px;pointer-events:none}
#prevStamp{left:4px}#nextStamp{right:4px}
@media(max-width:600px){#prevStamp{left:0}#nextStamp{right:0}}