/* Post aus 2040 — Mehr Licht Verlag */
.future-mail{--mail-ink:#413b31;--mail-edge:#a88c61;margin:40px 0 70px;padding:74px 28px 62px;border-block:1px solid var(--line);text-align:center;position:relative;background:radial-gradient(ellipse at 50% 55%,rgba(208,184,139,.16),transparent 68%)}
.future-mail-intro{max-width:640px;margin:0 auto 18px}
.future-mail h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.025em;margin:16px 0 19px}
.future-mail-intro>p:last-child{max-width:540px;margin:0 auto;font-size:18px;line-height:1.7}
.mail-disclosure{font-size:13px;color:var(--muted);line-height:1.65;margin:25px auto 0;max-width:580px}
.future-letter-details{margin:0 auto;max-width:900px}
.future-letter-details>summary{display:block;list-style:none;width:100%;padding:40px 18px 12px;cursor:pointer;perspective:1200px}
.future-letter-details>summary::-webkit-details-marker{display:none}
.future-letter-details>summary:focus-visible{border-radius:4px}
.mail-envelope{display:block;position:relative;width:min(100%,560px);aspect-ratio:1.8;margin:0 auto 29px;isolation:isolate;text-align:left;transform:rotate(-2deg);transition:transform .35s ease,filter .35s ease;filter:drop-shadow(1px 12px 13px rgba(71,50,22,.18))}
.mail-envelope::before{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#e4d0a7,#ead9b5 48%,#d7be93);border:1px solid #bda37c;border-radius:3px 5px 4px 2px;z-index:-1}
.mail-face{position:absolute;inset:0;border-radius:3px 5px 4px 2px;overflow:hidden;background:radial-gradient(ellipse at 0 0,rgba(115,75,31,.2),transparent 30%),radial-gradient(ellipse at 100% 100%,rgba(103,70,28,.15),transparent 36%),repeating-linear-gradient(1deg,transparent 0 3px,rgba(109,76,31,.022) 3px 4px),linear-gradient(130deg,#e9d8b5,#e8d6ae 57%,#ddc69e);box-shadow:inset 0 0 24px rgba(109,76,31,.14),inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 2px rgba(101,70,29,.26)}
.mail-face::before{content:'';position:absolute;inset:0;opacity:.45;background:linear-gradient(27deg,transparent 49.6%,#c1a780 49.9%,#f7e8c9 50.2%,transparent 50.5%),linear-gradient(-27deg,transparent 49.6%,#c1a780 49.9%,#f7e8c9 50.2%,transparent 50.5%)}
.mail-face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(89deg,transparent 49.5%,rgba(119,85,43,.09) 49.8%,rgba(255,255,255,.28) 50.1%,transparent 50.5%);box-shadow:inset 0 0 0 4px rgba(255,248,222,.12)}
.mail-flap{position:absolute;inset:0;z-index:1;clip-path:polygon(0 0,100% 0,50% 43%);transform-origin:50% 0;backface-visibility:hidden;transition:transform .55s ease,opacity .5s;background:linear-gradient(175deg,#ddc8a2,#f0dfba 36%,#cbb185 43%);opacity:.8}
.mail-from{position:absolute;top:9%;left:7%;color:#66583f;font:12px/1.6 'Courier New',monospace;letter-spacing:.01em;z-index:3;transform:rotate(-1deg)}
.mail-stamp{position:absolute;right:6.5%;top:8%;width:68px;height:84px;z-index:3;border:3px dotted #f8efd8;outline:1px solid rgba(118,81,49,.28);background:#a6614c;color:#f9ecd4;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 1px 1px rgba(70,36,17,.18)}
.mail-stamp svg{width:29px;height:28px;stroke:currentColor;fill:none;stroke-width:1.3}
.mail-stamp small{font:8px/1.3 var(--font);letter-spacing:.08em}
.mail-stamp b{font:17px/1.2 Georgia,serif;letter-spacing:.08em}
.mail-postmark{position:absolute;right:16%;top:9%;width:151px;height:95px;z-index:4;color:#514a3d;opacity:.48;transform:rotate(-12deg)}
.mail-to{position:absolute;z-index:5;left:13%;right:11%;top:47%;color:#40392e;font:italic clamp(22px,3vw,32px)/1.35 Georgia,'Times New Roman',serif;transform:rotate(-1.5deg)}
.mail-to small{display:block;font:italic clamp(13px,1.5vw,17px)/1.6 Georgia,'Times New Roman',serif;margin-top:8px}
.mail-open-label{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-bottom:1px solid var(--coral);padding:7px 0;color:var(--ink);font-size:15px;line-height:1.6}
.mail-open-label::after{content:'↗';font:22px/1 Arial,sans-serif}
.mail-label-close{display:none}
.future-letter-details>summary:hover .mail-envelope{transform:rotate(-.5deg) translateY(-5px);filter:drop-shadow(2px 16px 17px rgba(71,50,22,.2))}
.future-letter-details[open]>summary .mail-envelope{transform:rotate(0deg)}
.future-letter-details[open] .mail-flap{transform:rotateX(180deg);opacity:.2}
.future-letter-details[open] .mail-label-open{display:none}
.future-letter-details[open] .mail-label-close{display:inline}
.future-letter-details[open] .mail-open-label::after{content:'−'}
.future-letter-paper{--letter-text:#38372f;position:relative;background:#faf3e3;color:var(--letter-text);text-align:left;max-width:820px;margin:35px auto 0;padding:60px clamp(26px,7vw,88px) 46px;border:1px solid #ddcdb1;border-radius:2px 4px 3px 1px;box-shadow:0 7px 26px rgba(72,51,27,.1),inset 0 0 38px rgba(130,98,53,.09);isolation:isolate;scroll-margin-top:30px}
.future-letter-paper::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,rgba(145,111,62,.04) 49.9%,rgba(255,255,255,.45) 50.1%,transparent 50.4%),repeating-linear-gradient(179deg,transparent 0 4px,rgba(125,98,60,.013) 4px 5px),radial-gradient(ellipse at 0 0,rgba(128,87,33,.08),transparent 22%)}
.future-letter-details[open]>.future-letter-paper{animation:letter-arrive .4s ease-out both}
.letter-date{font:13px/1.6 'Courier New',monospace;text-align:right;color:#76654c;margin-bottom:37px}
.letter-greeting,.future-letter-copy p{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.9;overflow-wrap:break-word}
.letter-greeting{margin:0 0 22px}
.future-letter-copy p{margin:0 0 1.1em}
.letter-signature{font:italic 29px/1.4 Georgia,'Times New Roman',serif;margin:35px 0 5px;transform:rotate(-2deg);transform-origin:left}
.letter-signature-note{font:12px/1.6 'Courier New',monospace;color:#76654c}
.letter-actions{border-top:1px solid #dac9ad;margin-top:40px;padding-top:25px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 23px;font-family:var(--font)}
.letter-actions .button{background:var(--ink);color:var(--paper)}
.letter-actions a:not(.button){font-size:14px;border-bottom:1px solid #b7a486}
.letter-note{font:12px/1.7 var(--font);color:#766b5b;margin-top:22px}
.future-letter-page .page-intro{max-width:780px;padding:62px 0 0;margin:0 auto}
.future-letter-page .page-intro .eyebrow{margin-bottom:18px}
.future-letter-page .page-intro h1{font-size:clamp(36px,5.2vw,65px);letter-spacing:-.035em}
.future-letter-page .page-intro>p:last-child{max-width:590px;margin-top:24px;font-size:18px}
.future-letter-page .future-letter-paper{margin-top:48px;margin-bottom:70px}
.future-letter-page .back-link{margin-bottom:25px}
@keyframes letter-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.future-mail{margin-block:15px 35px;padding:45px 0 40px}.future-mail-intro>p:last-child{font-size:17px}.future-letter-details>summary{padding:30px 8px 10px}.mail-envelope{margin-bottom:21px}.mail-from{font-size:9px;top:9%;left:6%}.mail-stamp{width:49px;height:62px;right:6%;border-width:2px;gap:2px}.mail-stamp svg{width:23px;height:21px}.mail-stamp small{font-size:6px}.mail-stamp b{font-size:13px}.mail-postmark{width:113px;height:73px;right:17%}.mail-to{font-size:clamp(21px,5vw,28px);top:47%;left:10%}.mail-to small{font-size:12px;margin-top:4px}.future-letter-paper{padding:36px 23px 31px;margin-top:22px}.letter-greeting,.future-letter-copy p{font-size:18px;line-height:1.85}.letter-date{font-size:11px;margin-bottom:27px}.letter-actions{gap:17px}.mail-disclosure{font-size:12px}.future-letter-page .page-intro{padding-top:40px}.future-letter-page .future-letter-paper{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.mail-envelope,.mail-flap{transition:none}.future-letter-details[open]>.future-letter-paper{animation:none}}
@media print{.site-header,.site-footer,.future-mail-intro,.future-letter-details>summary,.mail-disclosure,.letter-actions,.letter-note,.future-letter-page .page-intro,.future-mail~section,.home-page .hero,.home-morgental,.home-page .navy-band,.home-page .closing{display:none!important}.home-page main>.wrap>section:not(.future-mail){display:none!important}.future-mail{border:0;padding:0;margin:0;background:none}.future-letter-details:not([open]){display:none}.future-letter-paper{background:#fff;box-shadow:none;border:0;margin:0!important;padding:0!important;max-width:none}.future-letter-paper::before{display:none}.letter-greeting,.future-letter-copy p{font-size:11pt;line-height:1.6}.wrap{width:100%}.future-letter-copy p{orphans:3;widows:3}body{background:#fff;color:#000}}

.letter-title{font:normal clamp(27px,4vw,44px)/1.15 Georgia,serif;color:#343a32;margin:0 0 12px}.future-letter-paper .letter-date{text-align:left}.audio-later{font:14px/1.55 var(--font);color:#645840}.letter-refrain{font-style:italic}

.future-mail{background:none;text-align:left;padding:clamp(25px,5vw,72px) 0}.mail-hero,.last-collection{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(22px,4vw,64px)}.mail-hero h2,.last-collection h3{font-family:Georgia,serif;letter-spacing:-.035em;line-height:1.12}.mail-hero h2{font-size:clamp(32px,4.2vw,60px)}.mail-hero .button{margin-top:1.1rem}.envelope-picture img,.last-collection img{width:100%;height:auto;mix-blend-mode:multiply}.last-collection{grid-template-columns:1.12fr 1fr;border-top:1px solid var(--line);padding-top:24px;margin-top:36px}.last-collection h3{font-size:clamp(27px,3vw,42px);margin-bottom:16px}.future-letter-page .last-collection{max-width:900px;margin-inline:auto}.future-letter-paper{background:#fbfbf5;border-color:#b7c6c5;box-shadow:0 5px 24px #18474a12}.future-letter-paper::before{background:linear-gradient(150deg,#b8cbd85c 0 1.8%,transparent 1.9%),linear-gradient(26deg,#e7d6b359 0 1.5%,transparent 1.55%),linear-gradient(216deg,#a6c2cc49 0 2.3%,transparent 2.35%)}.mail-close,.jacket-view summary{cursor:pointer;color:var(--ink)}.mail-close{padding:.5em .8em;background:transparent;border:1px solid #85989b}.future-letter-paper[hidden]{display:none}.jacket-view{grid-column:-2/-1;text-align:center}.jacket-view img{margin:14px auto 0;width:min(100%,420px)}.detail-art.illustration:has(.detective-stamp){position:relative}.detail-art.illustration img.detective-stamp{position:absolute;right:0;top:0;width:26%;height:auto}
@media(max-width:760px){.mail-hero,.last-collection{grid-template-columns:1fr;gap:16px}.mail-hero h2{margin-block:12px}.last-collection{margin-top:20px}.jacket-view{grid-column:1}.future-letter-page .last-collection{padding:18px 0}}@media print{.mail-hero,.last-collection,.mail-close{display:none!important}}

.future-post-envelope{max-width:980px;margin:0 auto 56px}
.future-post-envelope>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 0 28px}
.future-post-envelope>summary::-webkit-details-marker{display:none}
.future-post-envelope>summary img{width:min(100%,680px);height:auto;mix-blend-mode:multiply}
.post-open-label,.post-close-label{display:inline-block;border-bottom:1px solid var(--ink);font-size:17px;padding:6px 0}
.post-close-label{display:none}.future-post-envelope[open] .post-close-label{display:inline-block}.future-post-envelope[open] .post-open-label{display:none}
.future-post-envelope[open]>summary img{width:min(100%,390px)}
.post-letter-heading{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);line-height:1.2;margin:0 0 28px}
.future-letter-page .last-collection{margin-bottom:64px}
@media print{.future-post-envelope>summary{display:none}.future-post-envelope:not([open])>.future-letter-paper{display:block}}