.about-letter{color:#29352e}.about-preview-label{font:10px Pre;color:#8a938d;padding:16px 4% 0}.letter-opening{padding:32px 4%;display:flex;justify-content:space-between;align-items:center}.letter-opening>span,.letter-index,.closing-letter>span{font:10px Outfit;letter-spacing:.13em;color:#78877d}.letter-opening p{font:13px Pre;margin:0;color:#66736a}.about-letter .postcard{margin-bottom:0}.name-letter{display:grid;grid-template-columns:.55fr 1.3fr 1fr;gap:5%;padding:85px 7%;align-items:start;scroll-margin-top:110px}.name-letter h1{font:400 clamp(42px,5vw,72px)/1.03 Outfit;letter-spacing:-.04em;margin:0 0 30px}.name-letter h1 em{font-style:normal;color:#2382a5}.name-letter p,.forest-letter p{font:14px/2 Pre;color:#667269;word-break:keep-all;margin:0 0 22px}.name-letter .letter-lead{font:400 23px/1.6 Pre;letter-spacing:-.035em;color:#344038;margin-bottom:25px}.name-letter figure{margin:42px 0 0;padding:0 10%}.name-letter figure img{width:100%;transform:rotate(3deg)}.name-letter figcaption,.forest-letter figcaption{font:11px Outfit;color:#758279;margin-top:22px}.sky-letter{position:relative;min-height:520px;aspect-ratio:2.2;isolation:isolate;margin:0}.sky-letter>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.sky-letter:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#203c4a60,transparent 85%);z-index:-1}.sky-letter>div{padding:65px 7%;color:white}.sky-letter span{font:10px Outfit;letter-spacing:.12em}.sky-letter h2{font:400 32px/1.5 Pre;letter-spacing:-.035em;margin:65px 0 24px}.sky-letter p{font:14px/2 Pre;margin:0}.forest-letter{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:80px 10%;align-items:center}.forest-letter h2{font:400 30px/1.55 Pre;letter-spacing:-.035em;margin:30px 0}.forest-letter figure{margin:0}.forest-letter figure img{width:100%;aspect-ratio:4/5;object-fit:cover}.closing-letter{margin:0 7% 60px;border-block:1px solid #dde3de;text-align:center;padding:54px 20px}.closing-letter h2{font:400 29px/1.65 Pre;letter-spacing:-.035em;margin:27px 0 16px}.closing-letter>p{font:17px Outfit;color:#738277}.closing-letter>a{display:flex;justify-content:space-between;gap:30px;width:210px;margin:30px auto 34px;padding-bottom:10px;border-bottom:1px solid #a6b6aa;font:12px Pre}.closing-letter>img{width:80px;margin:auto}@media(max-width:650px){.letter-opening{display:block;padding:25px 18px}.letter-opening p{margin-top:12px;font-size:12px}.name-letter{grid-template-columns:1fr;padding:40px 24px;gap:25px}.name-letter h1{font-size:52px}.name-letter figure{width:55%;margin:0 0 10px auto;padding:0 8px}.name-letter p,.forest-letter p{font-size:13px}.sky-letter{min-height:460px;aspect-ratio:auto}.sky-letter>div{padding:35px 24px}.sky-letter h2{font-size:27px;margin-top:100px}.sky-letter p{font-size:12px}.forest-letter{grid-template-columns:1fr;padding:40px 24px;gap:22px}.forest-letter h2{font-size:27px;margin:22px 0}.forest-letter figure{width:85%;margin-left:auto}.closing-letter{margin:0 18px 32px;padding:38px 15px}.closing-letter h2{font-size:25px}}
