.story{position:relative;min-height:100vh;overflow:hidden;background:var(--paper);background-image:var(--grain);background-size:512px;background-blend-mode:multiply;color:var(--ink)}
.story-hero{position:absolute;inset:0 0 auto;width:100%;height:clamp(300px,42vw,560px);object-fit:cover;-webkit-mask-image:var(--fade-bottom);mask-image:var(--fade-bottom)}
.story-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(16px,4vw,40px)}
.story-language{position:relative;font:600 14px/1 var(--font-sans)}.story-language summary{display:flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--card);cursor:pointer;list-style:none}.story-language summary::-webkit-details-marker{display:none}.story-language nav{position:absolute;right:0;top:48px;z-index:5;display:grid;min-width:210px;max-height:60vh;overflow:auto;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lift)}.story-language nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink);font:400 16px/1 var(--font-serif);text-decoration:none}.story-language nav a:hover,.story-language nav a:focus,.story-language nav a[aria-current=page]{background:var(--green-wash);color:var(--green-deep)}
.story-main{position:relative;max-width:640px;margin:clamp(120px,24vw,330px) auto 0;padding:0 22px 12px}.story-kicker{text-align:center;margin:0 0 12px}.story-title{text-align:center;font-size:clamp(36px,5vw,52px)}.story-date{text-align:center;margin:12px 0 44px}.story .narr{font-size:20px}.story .voice{margin:40px 0 44px}.story .postcard{margin-bottom:0}.story .stamp-wrap{float:right;margin:-6px -4px 16px 36px;transform:rotate(2deg)}.story .stamp{width:118px}.story .stamp img{width:100px;height:122px}.story .stamp.small{width:64px}.story .stamp.small img{width:54px;height:66px}.story .postmark{width:86px;height:86px;left:-30px;bottom:-16px;color:var(--postmark);opacity:.82;transform:rotate(-14deg)}.story .voice-art{aspect-ratio:4/3;object-fit:cover}.story .voice-text{min-height:3.3em}.story .voice-meta{clear:both}.story .envelope{margin-top:40px}.story .envelope h2{position:relative;margin:0 0 18px;text-align:center;font:600 var(--fs-label)/1.2 var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-muted)}.story-envelope-date{text-align:center;margin:18px 0 0}.story-reply{text-align:center;margin:40px 0 0}.story-reply p{font:italic 400 18px/1.55 var(--font-serif);color:var(--ink-muted)}.story-footer{position:relative;margin-top:60px;height:300px;text-align:center}.story-footer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(transparent,#000 60%);mask-image:linear-gradient(transparent,#000 60%);opacity:.9}.story-footer p{position:absolute;left:16px;right:16px;bottom:24px;margin:0;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35);font:400 30px/1.2 var(--font-script)}.story.unsubscribed{max-width:640px;margin:20vh auto;padding:24px}
@media(max-width:600px){.story-header{padding:10px 16px}.story-main{padding-right:18px;padding-left:18px}.story .voice{margin:30px 0 36px}.story .postcard{padding:20px 18px}.story .stamp-wrap{margin-left:24px}.story-footer{height:240px}}
@media(prefers-reduced-motion:reduce){.story *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}