:root{--paper:#f4f0e8;--ink:#1e1e1c;--muted:#767068;--red:#9e2f35;--line:#bdb6aa}body{color:var(--ink);background:#ded9cf;font-family:"Noto Serif SC","Songti SC",STSong,Georgia,serif}.editorial-story{display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:linear-gradient(115deg,rgba(255,255,255,.36),transparent 30%),repeating-linear-gradient(90deg,rgba(75,65,52,.015) 0 1px,transparent 1px 5px),#dfdbd2}.editorial-story::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(158,47,53,.08),transparent 22%),radial-gradient(circle at 8% 84%,rgba(64,60,52,.07),transparent 26%);pointer-events:none}.gift-tool{background:rgba(244,240,232,.65);border-color:rgba(30,30,28,.18)}.editorial-card{position:relative;z-index:4;width:min(92vw,590px);min-height:min(92svh,830px);padding:clamp(70px,9svh,92px) clamp(28px,8vw,68px) clamp(42px,6svh,58px);display:flex;flex-direction:column;background:linear-gradient(100deg,rgba(255,255,255,.32),transparent 12%),var(--paper);box-shadow:0 40px 80px rgba(45,40,33,.16),inset 0 0 80px rgba(114,99,75,.045);overflow:hidden}.editorial-card::before{content:"";position:absolute;top:0;bottom:0;left:clamp(14px,3vw,24px);width:1px;background:rgba(158,47,53,.28)}.issue{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--ink);font:600 9px/1.3 system-ui,sans-serif;letter-spacing:.22em}.cover{margin-top:clamp(38px,6svh,60px)}.cover>p{margin:0;color:var(--muted);font:600 10px/1.55 system-ui,sans-serif;letter-spacing:.22em}.cover h1{display:grid;margin:18px 0 0;line-height:.92;letter-spacing:.08em}.cover h1 span{display:block;max-width:100%;overflow-wrap:anywhere;font-weight:500}.cover h1 span:last-of-type{text-align:right;color:var(--red)}.cover h1 i{margin:6px 0;text-align:center;color:var(--muted);font:italic 16px/1 Georgia,serif}.relation-mark{display:flex;align-items:center;gap:12px;margin:clamp(24px,4svh,38px) 0}.relation-mark b{height:1px;flex:1;background:var(--line);transform:scaleX(0)}.relation-mark em{color:var(--red);font-size:12px;font-style:normal;opacity:0}.letter{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:auto;padding:clamp(20px,4svh,34px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.drop-cap{font-size:34px;line-height:1;color:var(--red)}.letter [data-message-lines]{display:grid;gap:6px;font-size:clamp(13px,3.5vw,17px);line-height:1.66;letter-spacing:.08em}.message-line{display:block;opacity:0;transform:translateX(-10px)}.signature{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(24px,4svh,38px)}.signature>div:first-child{display:grid;gap:5px}.signature small{color:var(--muted);font:600 8px/1.3 system-ui,sans-serif;letter-spacing:.23em}.signature time{font:18px/1.2 Georgia,serif;letter-spacing:.13em}.seal{width:58px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--red);border-radius:50%;color:var(--red);transform:rotate(-8deg)}.seal span{font-size:15px;line-height:1}.seal b{margin-top:-15px;font:600 7px/1 system-ui,sans-serif;letter-spacing:.1em}.replay{align-self:flex-start;min-height:40px;margin-top:22px;padding-inline:18px;color:var(--paper);background:var(--ink);border-radius:0;font:600 11px/1 system-ui,sans-serif;letter-spacing:.14em}.paper-shadow{position:absolute;z-index:2;width:min(88vw,560px);height:90svh;background:rgba(45,40,33,.09);transform:translate(11px,10px) rotate(1deg)}
.scene{opacity:0}.is-playing .scene-1{animation:editorial-in .7s .3s both}.is-playing .scene-2{animation:editorial-in .8s 1.1s both}.is-playing .relation-mark b{animation:line-grow .8s 2.4s forwards}.is-playing .relation-mark em{animation:stamp-in .45s 3.1s forwards}.is-playing .scene-3{animation:editorial-in .5s 3.5s both}.is-playing .message-line{animation:copy-slide .7s var(--ease-cinematic) calc(3.8s + var(--line-index)*.68s) forwards}.is-playing .scene-4{animation:editorial-in .8s 6.7s both}.is-playing .seal{animation:seal-drop .55s 7.3s both}.is-playing .scene-5{animation:editorial-in .6s 7.9s both}@keyframes editorial-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes line-grow{to{transform:scaleX(1)}}@keyframes stamp-in{from{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes copy-slide{to{opacity:1;transform:none}}@keyframes seal-drop{from{opacity:0;transform:translateY(-12px) rotate(-2deg) scale(1.3)}to{opacity:1;transform:rotate(-8deg)}}
@media(max-height:740px){.editorial-card{min-height:96svh;padding-top:62px;padding-bottom:34px}.cover{margin-top:26px}.cover h1{margin-top:12px}.relation-mark{margin:18px 0}.letter{padding:18px 0}.signature{margin-top:18px}.replay{margin-top:15px}}@media(max-width:380px){.editorial-story{padding:6px}.editorial-card{width:96vw;padding-inline:25px}.paper-shadow{display:none}}