@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=DM+Mono:wght@400;500&family=Libre+Baskerville:wght@400;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Libre Baskerville,serif;color:#342923;background:#e6cf9e}*{box-sizing:border-box}button{font:inherit;cursor:pointer}body{margin:0;min-width:320px;overflow-x:hidden}.letter-stage,.map-stage{min-height:100svh;position:relative;overflow:hidden;background:#f2e2bc;background-image:radial-gradient(#b88f5f44 1px,transparent 1px),linear-gradient(130deg,#f6e8c7,#e8cd98 55%,#f4dfb2);background-size:5px 5px,auto}.letter-stage{display:grid;place-items:center;padding:24px}.watercolor{position:absolute;border-radius:50%;filter:blur(24px);opacity:.38}.wash-one{width:350px;height:260px;background:#b8c68f;right:-170px;bottom:4%}.wash-two{width:220px;height:280px;background:#d67b68;left:-130px;top:-50px}.envelope{width:min(92vw,460px);position:relative;z-index:1}.envelope-flap{width:100%;height:270px;border:0;background:linear-gradient(140deg,#ac2528,#751a25);box-shadow:0 14px 25px #54210b55;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);color:#f7deb0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:Caveat;font-size:34px}.envelope-flap:before{content:"";position:absolute;width:105%;height:60%;top:-6px;background:#c9403b;clip-path:polygon(0 0,100% 0,50% 90%);z-index:-1}.letter{background:#f9ebcf;padding:37px 27px 30px;box-shadow:0 12px 26px #57301540;position:relative;transform:rotate(-1.5deg);border:1px solid #c9aa76;background-image:linear-gradient(90deg,#c9a56c18 1px,transparent 1px),linear-gradient(#c9a56c15 1px,transparent 1px);background-size:22px 22px;font-size:14px;line-height:1.75}.letter:after{content:"";top:7px;right:7px;bottom:7px;left:7px;position:absolute;border:1px solid #c99d6544;pointer-events:none}.letter p{position:relative;z-index:1}.letter-hello,.letter h1,.map-header h1,.sheet-title h2{font-family:Caveat,cursive}.letter-hello{font-size:39px;margin:0 0 4px;color:#961f28}.letter h1{font-size:37px;line-height:1.05;color:#9f1f28;margin:20px 0;display:flex;align-items:center;gap:8px}.postmark{position:absolute;right:23px;top:22px;border:2px solid #a62d2b;border-radius:50%;width:60px;height:60px;text-align:center;line-height:32px;font-size:29px;color:#a62d2b;transform:rotate(12deg);font-family:serif}.postmark small{font:7px DM Mono}.red-button{border:0;background:#a82029;color:#fff5de;padding:13px 17px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:3px 4px #661820;position:relative;z-index:1}.tap-hint{position:absolute;bottom:6%;font:18px Caveat;color:#86232b;z-index:2}.corner-blossom{position:absolute;color:#b42d38;font-size:105px;right:-13px;top:-31px}.map-stage{background:#eee0bd;color:#3f3025;max-width:680px;margin:auto;box-shadow:0 0 60px #6f482733}.map-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:10px 17px;border-bottom:1px dashed #a26e50;background:#f7eacdcc;position:relative;z-index:4}.back-note{position:absolute;top:9px;left:14px;border:0;background:transparent;color:#7c3630;font:14px Caveat}.map-header p{font:9px DM Mono;letter-spacing:1px;margin:15px 0 0}.map-header h1{font-size:37px;color:#a4232b;margin:-2px 0 0;line-height:1}.map-header h1 span{font:19px serif;color:#b98a39;margin-left:4px}.date-stamp{font:10px DM Mono;color:#9b2930;border:1px solid #b94b43;border-radius:50%;width:55px;height:55px;padding-top:14px;text-align:center;transform:rotate(8deg)}.map-canvas{height:calc(100svh - 139px);min-height:510px;max-height:720px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 70%,#9bc9c7aa,transparent 30%),radial-gradient(ellipse at 35% 16%,#e4c47a80,transparent 26%),#ead9ac}.china-map{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.china-shape{stroke:#8f6036;stroke-width:1.8}.river{fill:none;stroke:#4ca4b4;stroke-width:4;opacity:.55}.second{stroke-width:2}.mountains{fill:#8a9e5e;opacity:.7}.route{fill:none;stroke:#ad202a;stroke-width:3;stroke-dasharray:5 9;stroke-linecap:round}.return{stroke:#884038}.route-dot{fill:#a51e28}.marker,.city-marker,.train-button{position:absolute;z-index:2}.marker{font-size:10px;color:#76252a;font-family:DM Mono;display:flex;gap:4px;align-items:center}.barcelona{left:4px;top:58%;transform:rotate(-8deg)}.barcelona small,.city-marker small{display:block;font-size:8px}.city-marker{border:0;background:#f8e9c6;box-shadow:2px 3px 4px #57372155;padding:5px 10px 4px 30px;transform:rotate(-3deg);text-align:left;color:#8f2229;font-family:Caveat;font-size:23px;line-height:.75;min-width:92px}.city-marker span{position:absolute;left:-10px;top:-13px;background:#ad2129;color:#fff6dc;border:3px solid #f8e9c6;width:30px;height:30px;border-radius:50%;font:16px DM Mono;display:grid;place-items:center}.city-marker small{font:8px DM Mono;color:#493a2d;margin-top:7px}.beijing{top:19%;left:36%}.shanghai{top:51%;left:59%;transform:rotate(3deg)}.train-button{top:36%;left:41%;display:flex;gap:5px;align-items:center;border:0;background:#f8e7ba;padding:6px;color:#8d282c;box-shadow:2px 2px #926438;font:14px Caveat;transform:rotate(-5deg);text-align:left}.train-button svg{animation:chug 1.5s infinite}.train-button small{font:8px DM Mono;color:#493a2d}.return{left:7%;bottom:17%;transform:rotate(7deg)}.map-note{position:absolute;right:19px;bottom:6%;font:18px Caveat;transform:rotate(-5deg);text-align:center;color:#6e3831}.temple{position:absolute;top:23%;right:8%;font-size:70px;color:#974038aa}.skyline{position:absolute;left:55%;bottom:25%;font-size:46px;letter-spacing:-10px;color:#4c8594aa}.panda{position:absolute;left:20%;bottom:12%;font-size:38px;transform:rotate(-12deg)}.map-footer{height:39px;background:#a3242d;color:#fee8bd;display:flex;justify-content:center;gap:9px;align-items:center;font:12px DM Mono}.city-sheet{position:fixed;z-index:10;bottom:0;left:50%;translate:-50% 0;width:min(100%,680px);max-height:82svh;overflow:auto;border-radius:25px 25px 0 0;background:#f8e9c8;padding:11px 20px 35px;box-shadow:0 -10px 40px #30201466;background-image:radial-gradient(#a5754b22 1px,transparent 1px);background-size:5px 5px}.sheet-handle{width:46px;height:4px;background:#9a7358;border-radius:3px;margin:0 auto 5px}.close{border:1px solid #b78c62;background:#f4dbad;color:#86242b;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;position:absolute;right:18px;top:15px}.sheet-title{display:flex;align-items:center;gap:10px}.sheet-title span{border-radius:50%;background:#a42129;color:#fff;width:34px;height:34px;display:grid;place-items:center;font:16px DM Mono}.sheet-title h2{color:#9b2229;font-size:42px;margin:5px 0}.date-row{display:flex;gap:7px;align-items:center;font:11px DM Mono;color:#634637}.date-row i{height:16px;border-left:1px solid #ba9060;margin:0 4px}.city-copy{font-size:13px;line-height:1.7}.polaroids{display:flex;gap:13px;padding:8px 3px 13px;overflow:hidden}.polaroid{background:#fff8e7;padding:6px 6px 14px;margin:0;box-shadow:2px 4px 8px #6b482633;width:62%;flex:none;transform:rotate(-3deg)}.polaroid.p1{transform:rotate(4deg);width:45%;margin-top:9px}.polaroid img{width:100%;height:105px;-o-object-fit:cover;object-fit:cover;filter:saturate(.8) sepia(.1)}.polaroid figcaption{font:14px Caveat;color:#843136;text-align:center}.hotel-card{border:1px dashed #b78055;background:#f5dfb5;display:flex;gap:12px;padding:13px;margin:5px 0}.hotel-icon{font-size:32px;color:#a32a2c}.hotel-card small{font:8px DM Mono;color:#795847}.hotel-card h3{margin:3px 0;font:16px Caveat;color:#3a3028}.stars{letter-spacing:1px;color:#c98c25}.highlight-label{font:17px Caveat;color:#8d2e30;margin:15px 0 4px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{background:#b8c996;color:#394333;padding:5px 8px;font:10px DM Mono;border-radius:10px}.ticket-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#42231baa;z-index:20;display:grid;place-items:center;padding:22px}.train-ticket{position:relative;background:#f7e3b9;color:#813028;padding:33px 26px;text-align:center;width:min(100%,350px);border:2px solid #9f2930;box-shadow:9px 9px #d5ab66;background-image:linear-gradient(90deg,transparent 48%,#9b303044 48%,#9b303044 51%,transparent 51%)}.train-ticket>svg{color:#9f2830;margin-bottom:8px}.train-ticket small{font:10px DM Mono;letter-spacing:2px}.train-ticket h2{font:26px Caveat;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:9px}.train-ticket p{font:12px DM Mono}.ticket-rule{border-top:2px dashed #b37052;margin:19px}.train-ticket em{font:19px Caveat}.train-ticket .close{top:8px;right:8px}@keyframes chug{50%{transform:translate(3px)}}@media (min-width:720px){.map-stage{max-width:980px}.city-sheet{left:auto;right:18px;translate:0 0;bottom:18px;width:390px;border-radius:24px;max-height:calc(100svh - 36px)}.map-canvas{height:calc(100svh - 139px)}.city-marker{font-size:28px}.letter-stage{min-height:100svh}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.map-canvas.illustrated-map{height:auto;min-height:0;max-height:none;width:100%;max-width:430px;aspect-ratio:941/1672;margin:0 auto;isolation:isolate;background:#ead9ac}.map-artwork{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:-1}.map-routes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.map-routes .route{stroke-width:.7;stroke-dasharray:1.2 2.2}.barcelona{left:2%;top:50%}.beijing{top:32%;left:62%}.shanghai{top:67%;left:60%}.train-button{top:46%;left:56%}.return{left:3%;top:67%;bottom:auto}.map-note{left:20%;top:9%;right:auto;bottom:auto;z-index:2}.barcelona{display:flex;align-items:center;gap:5px;padding:5px 8px 5px 6px;background:#fbefcf;box-shadow:2px 2px 4px #57372155;border:1px solid #c79062;border-radius:2px;color:#84272b;line-height:1;transform:rotate(-6deg)}.barcelona b{display:block;font:700 15px Caveat}.barcelona small{display:block;margin-top:3px;font:8px DM Mono;color:#50372b;white-space:nowrap}.barcelona svg{flex:none}.return{display:flex;align-items:center;gap:5px;padding:5px 8px 5px 6px;background:#fbefcf;box-shadow:2px 2px 4px #57372155;border:1px solid #c79062;border-radius:2px;color:#84272b;line-height:1;transform:rotate(5deg)}.return b{display:block;font:700 14px Caveat}.return small{display:block;margin-top:3px;font:8px DM Mono;color:#50372b;white-space:nowrap}.return svg{flex:none;transform:scaleX(-1)}.barcelona{border:1px solid #c79062}.barcelona:active{scale:.96}.flight-ticket{position:relative;background:#f7e3b9;color:#813028;padding:32px 25px 25px;text-align:center;width:min(100%,350px);border:2px solid #9f2930;box-shadow:9px 9px #d5ab66;background-image:radial-gradient(#a5754b22 1px,transparent 1px);background-size:5px 5px}.flight-ticket>svg{color:#9f2830;margin-bottom:7px}.flight-ticket small{font:10px DM Mono;letter-spacing:2px}.flight-date{font:11px DM Mono;margin:12px 0 17px}.flight-route{display:flex;align-items:center;justify-content:space-between;font:34px Caveat;color:#8e232c}.flight-route span{display:flex;align-items:center;gap:3px;color:#a1242c}.flight-route i{width:27px;border-top:1px dashed #9a3033}.flight-cities{display:flex;justify-content:space-between;font:10px DM Mono;color:#5d4033;margin:0 3px}.boarding-note{font:19px Caveat;margin:0}.flight-ticket .close{top:8px;right:8px}.passport-photo{width:126px;height:78px;margin:0 auto 13px;padding:5px;background:#f9e9c8;outline:2px dashed #9e3033;outline-offset:3px;box-shadow:2px 2px #c58b52;transform:rotate(-2deg)}.passport-photo:before{content:"VISA · 2026";position:absolute;right:5px;top:4px;font:6px DM Mono;color:#a8433b;letter-spacing:.8px}.passport-photo div{height:100%;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid #b97959;background:linear-gradient(135deg,#e9cfa0,#f9ecd0 50%,#dbc08c);color:#9b3736}.passport-photo span{font:8px DM Mono;line-height:1.35;letter-spacing:.4px}.passport-photo svg{opacity:.8}.train-photo{width:118px;height:70px;margin:12px auto 16px;transform:rotate(2deg)}.train-photo:before{content:"CHINA RAIL · 2026"}.train-photo div{background:linear-gradient(135deg,#d7e3d3,#f8ebca 50%,#d0e0d6);color:#7b3030}.flight-memory{height:91px;padding:4px 4px 15px;overflow:hidden;border:0;cursor:zoom-in}.flight-memory img{display:block;width:100%;height:68px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 42%;object-position:center 42%}.flight-memory figcaption,.flight-memory>span{display:block;font:10px Caveat;color:#843136;text-align:center;line-height:12px;margin-top:1px;white-space:nowrap}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:22px;background:#281712d9;cursor:zoom-out}.photo-lightbox figure{position:relative;width:min(100%,520px);margin:0;padding:8px 8px 28px;background:#fff5df;box-shadow:12px 12px #b47b42;transform:rotate(-1deg);cursor:default}.photo-lightbox img{display:block;width:100%;max-height:72svh;-o-object-fit:contain;object-fit:contain;background:#221812}.photo-lightbox figcaption{text-align:center;margin-top:8px;color:#852b30;font:22px Caveat}.photo-lightbox .close{z-index:2;top:12px;right:12px;background:#fff0ca}.train-ticket{background-image:radial-gradient(#a5754b22 1px,transparent 1px);background-size:5px 5px}.return{border:1px solid #c79062}.return:active{scale:.96}.home-plane{transform:scaleX(-1)}.polaroids{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:21px 3px 15px}.polaroids::-webkit-scrollbar{display:none}.polaroid{width:145px;scroll-snap-align:start}.polaroid.p1{width:145px;margin-top:0}.polaroid.p2{transform:rotate(-1deg)}.polaroid.p3{transform:rotate(3deg)}.polaroid.p4{transform:rotate(-4deg)}.city-photo-placeholder{height:105px;display:grid;place-items:center;align-content:center;gap:7px;color:#9c3435;background:linear-gradient(135deg,#d6dfc1,#f1dcaf 48%,#c3d7d4);border:1px dashed #ad7958}.city-photo-placeholder span{font:9px DM Mono;letter-spacing:1px}.swipe-cue{position:absolute;right:7px;top:1px;color:#9a3637;font:13px Caveat;z-index:2}.city-memory-photo{display:block;width:100%;height:105px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 36%;object-position:center 36%;filter:saturate(.92) contrast(.98)}.polaroid{border:0;color:inherit;text-align:left;cursor:zoom-in}.polaroid-caption{display:block;font:14px Caveat;color:#843136;text-align:center;line-height:18px;padding-top:2px}.lightbox-placeholder{height:min(55svh,360px);display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(135deg,#d6dfc1,#f1dcaf 48%,#c3d7d4);color:#943537}.lightbox-placeholder span{font:12px DM Mono;letter-spacing:2px}@media (min-width:720px){.map-canvas.illustrated-map{height:auto;max-width:430px}}.envelope{perspective:900px}.envelope-flap{transform-origin:top center;backface-visibility:hidden;overflow:hidden;isolation:isolate}.envelope-flap:before{right:0;bottom:0;left:0;width:100%;height:100%;top:0;background:#c9403b;clip-path:polygon(0 0,100% 0,50% 58%);z-index:0}.envelope-flap{position:relative;background:#831b25}.envelope-flap:before{content:none}.envelope-flap .flap-shape{position:absolute;top:0;right:0;bottom:0;left:0;background:#c9403b;clip-path:polygon(0 0,100% 0,50% 56%);z-index:0}.envelope-flap>span,.envelope-flap>svg{position:relative;z-index:1}.destination-address{position:absolute;left:22px;bottom:22px;margin:0;color:#f7deb0;text-align:left;font:15px Caveat;line-height:1.2;letter-spacing:.3px;z-index:1}.barcelona-stamp{position:absolute;right:17px;bottom:15px;width:84px;height:84px;-o-object-fit:contain;object-fit:contain;opacity:.86;transform:rotate(10deg);filter:sepia(.25) saturate(.85);z-index:1}.postmark{display:grid;place-items:center;line-height:1}.letter-closed{position:absolute;left:0;right:0;top:0;pointer-events:none}.letter-open{position:relative}.journal-back{top:max(14px,env(safe-area-inset-top));left:14px;z-index:4;padding:5px 9px 6px;border:1px solid #b78055;border-radius:2px;background:#f8e8c5e8;color:#842c2c;font-size:15px;box-shadow:2px 3px #7b392d55;text-shadow:0 1px #fff1cc}.journal-heading{position:absolute;top:9%;left:50%;translate:-50% 0;width:76%;z-index:3;text-align:center;color:#82272d;text-shadow:0 1px #f7e6bc}.journal-heading p{margin:0 0 2px;font:9px DM Mono;letter-spacing:1.5px}.journal-heading h1{margin:0;font:700 37px/1 Caveat;color:#9d222b;letter-spacing:-.4px}.journal-heading span{display:inline-block;margin-top:6px;padding:4px 9px;border-top:1px solid #ac784f;border-bottom:1px solid #ac784f;color:#76523d;font:9px DM Mono;letter-spacing:.5px}.map-note{left:50%;top:76%;right:auto;bottom:auto;translate:-50% 0;width:52%;font-size:14px;line-height:1.08;color:#6e3831;text-align:center;z-index:2}