@font-face{font-family:Letter;src:url('assets/letter-script.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100svh;display:grid;place-items:center;background:#d0c5ac;color:#45453d}.letter{position:relative;isolation:isolate;container-type:inline-size;width:min(100vw,232.727272svh);aspect-ratio:2048/880;filter:drop-shadow(0 5px 9px #61513a24)}.stationery,.original-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.stationery{z-index:0}.original-photo{z-index:1;clip-path:polygon(28.7% 12.7%,56.7% 13.8%,56.5% 78.8%,29.1% 78.5%)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.handwriting{position:absolute;z-index:3;margin:0;font-family:Letter,'Palatino Linotype',cursive;font-weight:400;transform:rotate(-2deg);color:#4c4d45}.handwriting p{font-size:2.55cqw;line-height:.94;letter-spacing:.012em;margin:0;text-shadow:.035cqw 0 #4c4d4525}.handwriting footer{font:normal .57cqw/1.4 Georgia,serif;letter-spacing:.035em;opacity:.62;margin-top:.7cqw}.rilke{left:6.3%;top:10.5%;width:18%;transform:rotate(-3deg)}.rilke p{font-size:2.5cqw;line-height:.95}.sonmi{left:59.2%;top:17.4%;width:19.5%;transform:rotate(-3deg)}.sonmi p{font-size:2.45cqw;line-height:1.02}.kingdom{left:70%;top:62.5%;width:21%;transform:rotate(-2deg)}.kingdom p{font-size:2.25cqw;line-height:1.07}.dune{left:18.4%;top:85%;width:28%;transform:rotate(-3deg)}.dune p{font-size:2.5cqw}.dune footer{margin-top:.4cqw}.scientific{position:absolute;margin:0;z-index:2;mix-blend-mode:multiply;transform:rotate(-2deg);color:#4a4d44;opacity:.6}.scientific img{display:block;width:100%;height:auto;filter:grayscale(1) sepia(.18) contrast(.85)}.scientific figcaption{font:normal .5cqw/1.3 Georgia,serif;text-align:center;letter-spacing:.07em;margin-top:.1cqw}.tree{left:80.5%;top:29%;width:15%;opacity:.52;transform:rotate(7deg)}.tree figcaption{font:normal 1.48cqw/.95 Letter,cursive;letter-spacing:0;margin-top:-.5cqw}.cmb{left:68.2%;top:4.5%;width:12.4%;opacity:.56;transform:rotate(-6deg)}.cmb figcaption{font-size:.42cqw}.gw{left:79%;top:79.5%;width:14%;opacity:.51;transform:rotate(2deg)}.gw figcaption{font-size:.42cqw}.postage{position:absolute;left:83%;top:4.9%;width:13.1%;height:auto;z-index:4;transform:rotate(6deg);mix-blend-mode:multiply;opacity:.64;pointer-events:none}::selection{background:#a78f4d45;color:#292d2a}@media(prefers-contrast:more){.scientific,.postage{opacity:.95}.handwriting{color:#232c27}.handwriting footer{opacity:1}}@media print{body{background:white}.letter{width:100%;filter:none}}
/* Added impressions and marginal notes share the paper; none are baked into the photograph. */
.original-photo{inset:auto;left:28%;top:11.5%;width:30%;height:auto;aspect-ratio:1;object-fit:contain;clip-path:none;transform:rotate(-.6deg)}
.postage{left:82.5%;top:3%;width:16%;opacity:.84;transform:rotate(8deg)}
.mushroom-print{position:absolute;left:75%;top:48%;width:23%;height:auto;z-index:2;mix-blend-mode:multiply;opacity:.67;transform:rotate(-9deg);pointer-events:none;filter:sepia(.15) contrast(.92)}
.marginal{position:absolute;z-index:4;margin:0;font:2cqw/1.05 Letter,cursive;color:#595848;transform:rotate(-4deg);max-width:34%;mix-blend-mode:multiply}
.atoms{left:31%;top:2.6%;width:33%;font-size:1.85cqw;opacity:.39;transform:rotate(2deg)}
.finnish{left:56%;top:46%;font-size:2.5cqw;opacity:.42;transform:rotate(-8deg)}
.french{left:44%;top:88%;font-size:2.35cqw;opacity:.3;transform:rotate(5deg)}
.japanese{left:9%;top:39%;font:1.05cqw/1.3 'Yu Mincho','Noto Serif CJK JP',serif;letter-spacing:.2em;opacity:.38;transform:rotate(-7deg)}
.welcome{left:73%;top:27%;font-size:2cqw;opacity:.5;transform:rotate(-10deg)}
.consent{left:62%;top:77%;font-size:1.8cqw;opacity:.36;transform:rotate(-7deg)}
.mathematics{left:62%;top:36%;font:italic .9cqw/1.3 Georgia,serif;opacity:.48;transform:rotate(-4deg)}
.destination{position:absolute;left:71%;top:92%;z-index:5;font:normal 1.55cqw/1 Letter,cursive;transform:rotate(-3deg);color:#4c5b50}
.destination span{display:block;font-size:1.05cqw;opacity:.63;margin-bottom:.15cqw}
.destination a{color:inherit;text-decoration:none;border-bottom:1px solid #4c5b5038}
.destination a:hover,.destination a:focus-visible{color:#203f33;border-bottom-color:currentColor;outline-offset:4px}
.kingdom{opacity:.78;z-index:5}.dune{opacity:.73}.sonmi{opacity:.85}
@media(prefers-contrast:more){.marginal{opacity:.85}.destination span{opacity:1}}

.dignity{left:17%;top:74%;font:italic .9cqw/1.2 Georgia,serif;opacity:.34;transform:rotate(-12deg)}
/* Original supplied PNGs: white grounds disappear through ink-like multiplication. */
.scrapbook-element{position:absolute;height:auto;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;z-index:1}
.finland-map{left:60%;top:3.5%;width:27%;opacity:.8;transform:rotate(-7deg)}
.botanical-print{left:1.5%;top:31%;width:14%;opacity:.59;transform:rotate(8deg);z-index:2}
.anatomical-print{left:1.5%;top:59%;width:25%;opacity:.88;transform:rotate(-6deg)}
.coffee-ink{left:3%;top:-6%;width:35%;opacity:.23;transform:rotate(17deg)}
.postage{left:74%;top:3%;width:25%;height:11cqw;object-fit:cover;object-position:50% 44%;opacity:.76;transform:rotate(8deg);z-index:6}
.leaf-cutout{position:absolute;width:7%;aspect-ratio:1/2;overflow:hidden;mix-blend-mode:multiply;pointer-events:none;z-index:6}
.leaf-cutout img{position:absolute;top:0;width:300%;height:100%;max-width:none;object-fit:fill}
.birch{left:22%;top:1.5%;width:7%;transform:rotate(-23deg);opacity:.85}.birch img{left:0}
.oak{left:51%;top:73%;width:6%;transform:rotate(31deg);opacity:.86}.oak img{left:-100%}
.fern{left:94%;top:32%;width:5%;transform:rotate(14deg);opacity:.79}.fern img{left:-200%}
.dune{left:29%;top:86%;z-index:7}.dignity{left:14%;top:93%}
.cmb{left:63%;top:78%;width:12%;opacity:.57;z-index:3}
.sonmi{z-index:5;color:#353e35}.tree{z-index:3;left:81%;top:28%;width:14%}
@media(prefers-contrast:more){.coffee-ink{opacity:.1}.finland-map{opacity:.5}.sonmi{color:#172c20}}
.birch{aspect-ratio:9/16}.birch img{width:266.6667%;left:0}
.oak{aspect-ratio:33/64}.oak img{width:290.9091%;left:-109.0909%}
.fern{aspect-ratio:15/32}.fern img{width:320%;left:-220%}
/* Clear line spacing and separate text positions at every canvas scale. */
.handwriting p{line-height:1.3;white-space:nowrap;text-shadow:none}
.handwriting footer{margin-top:.45cqw}
.rilke{left:6%;top:7%;width:20%;transform:rotate(-2deg)}
.rilke p{font-size:2cqw;line-height:1.26}
.sonmi{left:33%;top:36%;width:24%;transform:rotate(-1deg);opacity:.67}
.sonmi p{font-size:1.5cqw;line-height:1.3}
.sonmi footer{font-size:.46cqw;margin-top:.35cqw}
.salt{left:32%;top:18%;width:25%;transform:rotate(-1deg);opacity:.86}
.salt p{font-size:2cqw;line-height:1.3}
.heart{left:60%;top:48%;width:21%;transform:rotate(-2deg);opacity:.8}
.heart p{font-size:1.65cqw;line-height:1.28}
.waves{left:31%;top:83%;width:27%;transform:rotate(-1deg);opacity:.82}
.waves p{font-size:1.8cqw;line-height:1.22}
.dune{left:31%;top:95%;width:20%;transform:rotate(-1deg)}
.dune p{font-size:1.25cqw;line-height:1.1}
.dune footer{font-size:.4cqw;line-height:1.1;margin-top:.12cqw}
.kingdom{left:69%;top:65%;width:21%;transform:rotate(-1deg)}
.kingdom p{font-size:1.65cqw;line-height:1.3}
.kingdom footer{font-size:.44cqw;margin-top:.2cqw}
.marginal{line-height:1.3;white-space:nowrap}
.atoms{left:34%;top:3%;font-size:1.25cqw;width:35%;transform:rotate(1deg)}
.finnish{left:61%;top:43%;font-size:1.3cqw;transform:rotate(-2deg)}
.french{left:59%;top:72%;font-size:1.03cqw;transform:rotate(-3deg)}
.japanese{left:93.5%;top:83%;font-size:.7cqw;letter-spacing:.12em;transform:rotate(6deg)}
.welcome{left:87%;top:27%;font-size:1.2cqw;transform:rotate(2deg)}
.consent{left:61%;top:77%;font-size:1.03cqw;transform:rotate(-2deg)}
.mathematics{left:63%;top:39%;font-size:.76cqw;transform:rotate(-1deg)}
.dignity{left:15%;top:96%;font-size:.7cqw;transform:rotate(-2deg)}
.destination{left:74%;top:95%;font-size:1cqw;line-height:1.2;transform:rotate(-1deg);white-space:nowrap}
.destination span{font-size:.54cqw;line-height:1.2;margin-bottom:.12cqw}
.botanical-print{top:40%;width:12%;opacity:.47}
.finland-map{left:62%;top:2%;width:23%;transform:rotate(-4deg)}
.cmb{left:61%;top:82%;width:10%;opacity:.55}
.gw{left:82%;top:78%;width:10%;opacity:.55}
.tree figcaption{line-height:1.3;margin-top:.2cqw}
.salt p{font-size:1.8cqw;line-height:1.3}
.sonmi p{font-size:1.35cqw;line-height:1.3}
.welcome{top:30%}
/* Final text pass: handwritten passages occupy clear paper, with a shared margin row. */
.heart{left:64%;top:37.5%;width:25%;transform:rotate(-1deg)}
.heart p{font-size:1.55cqw;line-height:1.35}
.atoms{left:34%;top:2.7%;font-size:1.1cqw;opacity:.43}
.french{left:34%;top:7.6%;font-size:.95cqw;transform:rotate(-1deg);opacity:.52}
.finnish{left:45%;top:7.6%;font-size:.95cqw;transform:rotate(1deg);opacity:.52}
.welcome{left:55%;top:7.6%;font-size:.9cqw;transform:rotate(-1deg);opacity:.52}
.consent{left:48%;top:37.5%;font-size:1cqw;line-height:1.3;transform:rotate(1deg);opacity:.5}
.mathematics{left:15%;top:95.5%;font-size:.65cqw;line-height:1.25;transform:none;opacity:.52}
.dignity{left:3%;top:95.5%;font-size:.65cqw;line-height:1.25;transform:none;opacity:.52}
.waves{top:83%}.waves p{font-size:1.7cqw;line-height:1.15}
.dune{top:93.5%}.dune p{font-size:1.15cqw;line-height:1.15}
.dune footer{font-size:.44cqw;line-height:1.15;margin-top:.16cqw;opacity:.8}
.japanese{left:93%;top:91%;font-size:.65cqw;transform:none;opacity:.5}
.destination{left:77%;top:94%;font-size:1.1cqw;line-height:1.2;transform:rotate(-1deg)}
.destination span{font-size:.55cqw;line-height:1.2;margin-bottom:.14cqw;opacity:.7}
.gw{left:83%;top:74%;width:10%}
.cmb{left:62%;top:80%;width:9%;opacity:.65}
.cmb figcaption{font-size:.46cqw;position:absolute;bottom:100%;left:0;width:100%;margin:0 0 .3cqw}
/* Keep the note beside the photograph out of the mushroom ink. */
.kingdom{left:69%;top:64%;width:19%}.kingdom p{font-size:1.5cqw;line-height:1.35}

/* Typed fragments and restrained marginalia, like words collected over time. */
@font-face{font-family:Typewriter;src:url('assets/typewriter.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.rilke,.sonmi,.dune{font-family:Typewriter,'Courier New',monospace;mix-blend-mode:multiply;letter-spacing:0;color:#49463e}
.rilke{top:9%;transform:rotate(-.5deg);opacity:.81}
.rilke p{font-size:1.12cqw;line-height:1.65;letter-spacing:0}
.sonmi{top:36.5%;transform:rotate(.35deg);opacity:.64}
.sonmi p{font-size:.82cqw;line-height:1.65;letter-spacing:0}
.dune{top:93.5%;transform:rotate(-.4deg);opacity:.69}
.dune p{font-size:.78cqw;line-height:1.4;letter-spacing:0}
.salt p{font-size:1.7cqw;line-height:1.4}
.waves p{font-size:1.58cqw;line-height:1.25}
.kingdom{opacity:.72;transform:rotate(.3deg)}
.kingdom p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:.98cqw;line-height:1.65;letter-spacing:-.02em}
.atoms{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:.63cqw;line-height:1.6;letter-spacing:.01em;opacity:.44;transform:rotate(.3deg)}
.french,.finnish,.welcome{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:.58cqw;line-height:1.6;opacity:.48}
.consent{font-family:Typewriter,'Courier New',monospace;font-size:.58cqw;line-height:1.65;opacity:.43}
.tree figcaption{font-family:Typewriter,'Courier New',monospace;font-size:.59cqw;line-height:1.5;letter-spacing:0;margin-top:.3cqw}
.destination{font-family:Typewriter,'Courier New',monospace;font-size:.69cqw;font-style:normal;line-height:1.5;opacity:.7}
.destination span{font-family:Georgia,serif;font-size:.48cqw;font-style:italic;line-height:1.5;margin-bottom:.2cqw}
@media(prefers-contrast:more){.rilke,.sonmi,.dune,.kingdom,.atoms,.french,.finnish,.welcome,.consent,.destination{opacity:1;color:#242822}}