.story-now{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1fr);gap:80px;padding:70px 0;border-bottom:1px solid var(--line);align-items:center}
.story-now h2{font:400 clamp(32px,3.4vw,43px)/1.16 Georgia,"Songti SC",serif;margin:16px 0 0}
.story-now>p{font:14px/1.95 Arial,"Microsoft YaHei",sans-serif;max-width:540px;margin:0;padding:28px;border-left:3px solid var(--rust);background:rgba(255,255,255,.28)}
.beliefs{padding:92px 0 96px;border-bottom:0}
.beliefs-heading{display:grid;grid-template-columns:.7fr 1fr;gap:70px;align-items:end;margin-bottom:46px}
.beliefs-heading h2{font:400 clamp(36px,4vw,56px)/1.08 Georgia,"Songti SC",serif;letter-spacing:-.035em;margin:0}
.beliefs-heading h2 em{font-weight:400;color:var(--rust)}
.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.belief-grid article{position:relative;min-height:300px;padding:30px;border:1px solid var(--line);display:flex;flex-direction:column;background:#f7efd9;overflow:hidden}
.belief-grid article:nth-child(2){background:#d9b969}.belief-grid article:nth-child(3){background:#22201b;color:#fff2d7}
.belief-grid article:after{content:"";position:absolute;width:190px;height:190px;border:1px solid currentColor;border-radius:50%;right:-105px;bottom:-105px;opacity:.1}
.belief-grid span{font:italic 15px Georgia,serif;color:var(--rust);align-self:flex-end}
.belief-grid i{width:54px;height:54px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:normal 21px Georgia,serif;margin:28px 0 34px}
.belief-grid h3{font:400 27px/1.25 Georgia,"Songti SC",serif;margin:0 0 18px;max-width:250px}
.belief-grid p{font:12px/1.9 Arial,"Microsoft YaHei",sans-serif;max-width:270px;margin:auto 0 0;opacity:.78}
.story-actions{display:flex;justify-content:center;gap:12px;margin-top:36px}
.story-ending .button{min-width:160px;padding:15px 22px;border:1px solid currentColor;font-size:11px;transition:.25s}
.story-ending .button.primary{background:#1f1b15;color:#fff0d4;border-color:#1f1b15}.story-ending .button.primary:hover{background:#fff0d4;color:#1f1b15}
.story-ending .button.secondary:hover{background:rgba(255,244,221,.18)}
.ending-meta{position:absolute;left:max(5vw,calc((100vw - 1180px)/2));right:max(5vw,calc((100vw - 1180px)/2));bottom:28px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,240,215,.35);padding-top:16px;font:8px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
@media(max-width:800px){.story-now{grid-template-columns:1fr;gap:26px;padding:52px 0}.beliefs-heading{grid-template-columns:1fr;gap:24px}.belief-grid{grid-template-columns:1fr}.belief-grid article{min-height:240px}.ending-meta{position:static;margin-top:60px}}
@media(max-width:560px){.beliefs{padding:65px 0}.story-actions{flex-direction:column;align-items:center}.story-ending .button{width:min(280px,100%)}.ending-meta{gap:20px;align-items:flex-start;flex-direction:column}}

/* Confirmed story ending: a final letter resting inside its envelope. */
.story-letter-ending{
  position:relative;
  width:min(1120px,calc(100% - 8vw));
  min-height:690px;
  margin:80px auto 0;
  padding:0 8% 74px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 14%,rgba(255,255,255,.86),transparent 45%),
    linear-gradient(135deg,#f5eddd,#fbf6eb 52%,#eee2cd);
  box-shadow:0 22px 55px rgba(69,52,31,.12);
}
.story-letter-ending:before,.story-letter-ending:after{
  content:"";
  position:absolute;
  left:-7%;
  right:-7%;
  bottom:-3%;
  height:54%;
  background:#e4d4b8;
  border-top:1px solid rgba(91,67,38,.15);
  clip-path:polygon(0 0,50% 67%,100% 0,100% 100%,0 100%);
  z-index:2;
}
.story-letter-ending:after{
  background:#ecdfca;
  clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%);
  transform:scaleX(-1);
  opacity:.78;
}
.story-letter-sheet{
  position:relative;
  z-index:1;
  width:min(720px,100%);
  margin-top:42px;
  padding:45px 68px 150px;
  border:1px solid rgba(196,83,47,.5);
  background:
    linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)),
    #faf5e9;
  box-shadow:0 16px 36px rgba(66,49,28,.12);
}
.story-letter-sheet .kicker{margin:0 0 22px;text-align:center;color:#4a4033}
.story-letter-sheet h2{
  margin:0 0 30px;
  text-align:center;
  font:400 clamp(34px,4.2vw,55px)/1.12 "Songti SC","STSong","SimSun",serif;
  letter-spacing:-.04em;
}
.story-letter-sheet h2 em{font-weight:400;color:var(--rust)}
.story-letter-sheet ol{list-style:none;margin:0 auto;padding:0;width:min(440px,100%)}
.story-letter-sheet li{display:grid;grid-template-columns:48px 1fr;align-items:center;padding:15px 0;border-bottom:1px solid rgba(87,65,41,.14)}
.story-letter-sheet li:last-child{border-bottom:0}
.story-letter-sheet li span{font:italic 15px Georgia,serif;color:var(--rust)}
.story-letter-sheet li p{margin:0;padding-left:20px;border-left:1px solid rgba(196,83,47,.38);font:400 18px/1.55 "Songti SC","STSong","SimSun",serif}
.story-envelope-fold{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:31px;
  width:min(520px,74%);
  transform:translateX(-50%);
  text-align:center;
  color:#5b4a37;
}
.story-envelope-fold p{margin:0 0 14px;font:400 13px/1.7 "Songti SC","STSong","SimSun",serif}
.story-wax{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  margin:0 auto 15px;
  border:4px double rgba(255,236,209,.35);
  border-radius:50%;
  background:#c9532f;
  color:#f8dfba;
  box-shadow:0 5px 10px rgba(70,35,18,.22);
  font:italic 28px Georgia,serif;
}
.story-envelope-fold strong{display:block;font:400 18px/1.4 "Songti SC","STSong","SimSun",serif;color:var(--rust)}
@media(max-width:700px){
  .story-letter-ending{width:100%;min-height:610px;margin-top:55px;padding:0 18px 62px}
  .story-letter-sheet{margin-top:28px;padding:32px 25px 140px}
  .story-letter-sheet h2{font-size:34px}
  .story-letter-sheet li{grid-template-columns:40px 1fr}
  .story-letter-sheet li p{padding-left:14px;font-size:16px}
  .story-envelope-fold{bottom:24px;width:84%}
  .story-wax{width:58px;height:58px;font-size:23px}
}

/* Final confirmed story ending: the original wide editorial envelope scene. */
.story-letter-ending{
  width:100%;
  min-height:100svh;
  margin:0;
  padding:58px 12vw 0;
  border:0;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.88),transparent 47%),
    linear-gradient(110deg,#f2e8db,#faf5ec 48%,#f1e6d8);
  box-shadow:none;
  overflow:hidden;
}
.story-ending-top{
  position:absolute;
  z-index:8;
  top:26px;
  left:24px;
  display:flex;
  align-items:center;
  gap:17px;
  color:#2b2721;
}
.story-ending-top b{font:400 27px/1 Georgia,"Times New Roman",serif;letter-spacing:.02em}
.story-ending-top span{padding-left:16px;border-left:1px solid rgba(42,36,28,.35);font:9px/1.2 "Songti SC","STSong","SimSun",serif;letter-spacing:.12em}
.story-ending-label{position:absolute;z-index:8;right:26px;top:31px;font:600 7px/1 Arial,sans-serif;letter-spacing:.2em;color:#2d2923}
.story-ending-side{
  position:absolute;
  z-index:8;
  left:24px;
  bottom:74px;
  display:flex;
  flex-direction:column;
  gap:4px;
  font:600 7px/1.4 Arial,sans-serif;
  letter-spacing:.16em;
  color:#494036;
}
.story-ending-side b{font-weight:600}.story-ending-side span{font-size:6px}
.story-ending-vertical{
  position:absolute;
  z-index:8;
  right:27px;
  top:44%;
  margin:0;
  width:1em;
  font:400 11px/1.28 "Songti SC","STSong","SimSun",serif;
  letter-spacing:.12em;
  writing-mode:vertical-rl;
  color:#51483d;
}
.story-letter-ending:before,.story-letter-ending:after{
  left:15%;
  right:15%;
  bottom:-1px;
  height:59%;
  z-index:3;
  border:1px solid rgba(95,72,44,.12);
  background:#e8dbc7;
  filter:drop-shadow(0 -8px 15px rgba(70,50,27,.055));
}
.story-letter-ending:before{clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%)}
.story-letter-ending:after{background:#efe4d2;clip-path:polygon(0 0,50% 64%,100% 0,100% 100%,0 100%);opacity:.72;transform:scaleX(-1)}
.story-letter-sheet{
  width:min(620px,68vw);
  margin:16px auto 0;
  padding:42px 75px 205px;
  z-index:2;
  border:1px solid rgba(190,76,43,.48);
  background:
    radial-gradient(circle at 24% 12%,rgba(255,255,255,.8),transparent 37%),
    #faf6ed;
  box-shadow:0 18px 34px rgba(64,47,27,.13);
}
.story-letter-sheet .kicker{font-size:7px;letter-spacing:.17em;margin-bottom:21px}
.story-letter-sheet h2{font-size:clamp(35px,3.3vw,49px);margin-bottom:25px}
.story-letter-sheet ol{width:390px;max-width:100%}
.story-letter-sheet li{grid-template-columns:50px 1fr;padding:12px 0;border:0}
.story-letter-sheet li span{font-size:14px}
.story-letter-sheet li p{font-size:18px;line-height:1.4}
.story-envelope-fold{
  z-index:7;
  bottom:29px;
  width:min(520px,55%);
}
.story-envelope-fold p{font-size:12px;margin-bottom:11px}
.story-wax{width:72px;height:72px;margin-bottom:13px;background:#bd5735;border-color:rgba(255,226,189,.38);font-size:29px}
.story-envelope-fold strong{font-size:18px}
@media(max-width:760px){
  .story-letter-ending{min-height:690px;padding:42px 14px 0}
  .story-ending-top{top:18px;left:17px}.story-ending-top b{font-size:21px}.story-ending-top span{display:none}
  .story-ending-label{top:22px;right:17px;font-size:6px}
  .story-ending-side,.story-ending-vertical{display:none}
  .story-letter-ending:before,.story-letter-ending:after{left:-8%;right:-8%;height:51%}
  .story-letter-sheet{width:calc(100% - 24px);margin-top:22px;padding:35px 24px 190px}
  .story-letter-sheet h2{font-size:33px}
  .story-letter-sheet li{grid-template-columns:42px 1fr}
  .story-letter-sheet li p{font-size:16px}
  .story-envelope-fold{bottom:23px;width:86%}
}

/* Exact approved first-version artwork. The previous CSS envelope is hidden so
   no older geometry can override the confirmed composition. */
.story-letter-ending{
  display:block;
  width:min(900px, calc(100% - 48px));
  min-height:0;
  aspect-ratio:1612 / 976;
  margin:72px auto;
  padding:0;
  border:0;
  border-radius:12px;
  background-color:#f7f1e8;
  background-image:url("/assets/story-ending-envelope-original-ratio.png");
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  box-shadow:none;
  overflow:hidden;
}
.story-letter-ending::before,
.story-letter-ending::after,
.story-letter-ending > *{
  display:none !important;
}
@media(max-width:760px){
  .story-letter-ending{
    width:calc(100% - 20px);
    min-height:0;
    aspect-ratio:1612 / 976;
    margin:28px auto;
    border-radius:8px;
  }
}

/* 2026-08-10 — Native editorial envelope ending.
   Everything below is rendered by HTML/CSS, so type stays crisp at every size. */
.story-letter-ending{
  --ending-paper:#f8f1e3;
  --ending-envelope:#e8d7ba;
  --ending-ink:#251f19;
  --ending-rust:#c95734;
  position:relative;
  display:block;
  width:min(1180px,calc(100% - 64px));
  min-height:720px;
  aspect-ratio:auto;
  margin:82px auto 96px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(75,55,32,.12);
  border-radius:4px;
  background:
    radial-gradient(circle at 50% 15%,rgba(255,255,255,.92),transparent 54%),
    linear-gradient(110deg,#f2e7d7,#fbf7ef 51%,#efe2d1);
  box-shadow:0 18px 46px rgba(72,50,25,.08);
  color:var(--ending-ink);
}
.story-letter-ending > *{display:block !important}
.story-letter-ending::before,
.story-letter-ending::after{display:block !important;content:"";position:absolute;pointer-events:none}
.story-letter-ending::before{
  z-index:3;
  left:9%;right:9%;bottom:-1px;height:54%;
  background:linear-gradient(145deg,#eadbc2,#dfc9a7);
  clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%);
  border:1px solid rgba(101,74,43,.11);
  filter:drop-shadow(0 -8px 18px rgba(75,52,28,.06));
}
.story-letter-ending::after{
  z-index:4;
  left:9%;right:9%;bottom:-1px;height:45%;
  background:linear-gradient(120deg,rgba(244,233,214,.94),rgba(227,210,181,.97));
  clip-path:polygon(0 0,50% 74%,100% 0,100% 100%,0 100%);
  opacity:.88;
}
.story-ending-top{
  position:absolute;z-index:8;left:30px;top:26px;
  display:flex !important;align-items:center;gap:14px;
}
.story-ending-top b{font:400 25px/1 Georgia,"Times New Roman",serif;letter-spacing:.015em}
.story-ending-top span{padding-left:14px;border-left:1px solid rgba(48,39,29,.25);font:11px/1.2 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.09em}
.story-ending-label{position:absolute;z-index:8;right:31px;top:33px;font:600 9px/1 Arial,sans-serif;letter-spacing:.18em}
.story-ending-side{position:absolute;z-index:8;left:31px;bottom:48px;display:flex !important;flex-direction:column;gap:3px;font:600 8px/1.35 Arial,sans-serif;letter-spacing:.16em}
.story-ending-vertical{position:absolute;z-index:8;right:31px;top:39%;width:1em;margin:0;writing-mode:vertical-rl;font:400 12px/1.45 "Songti SC","STSong","SimSun",serif;letter-spacing:.14em;color:#4e4438}
.story-letter-sheet{
  position:relative;z-index:2;
  width:min(650px,62%);
  min-height:505px;
  margin:46px auto 0;
  padding:62px 82px 190px;
  border:1px solid rgba(196,83,47,.42);
  background:
    repeating-linear-gradient(0deg,rgba(93,68,38,.016) 0,rgba(93,68,38,.016) 1px,transparent 1px,transparent 5px),
    radial-gradient(circle at 28% 12%,rgba(255,255,255,.86),transparent 44%),
    var(--ending-paper);
  box-shadow:0 14px 30px rgba(64,45,24,.13);
}
.story-letter-sheet .kicker{margin:0 0 26px;text-align:center;font:600 8px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#615344}
.story-letter-sheet h2{margin:0 0 30px;text-align:center;font:400 clamp(34px,3.5vw,50px)/1.15 "Songti SC","STSong","SimSun",serif;letter-spacing:-.035em}
.story-letter-sheet h2 em{font-style:italic;font-weight:400;color:var(--ending-rust)}
.story-letter-sheet ol{width:min(430px,100%);margin:0 auto;padding:0;list-style:none}
.story-letter-sheet li{display:grid;grid-template-columns:50px 1fr;align-items:center;padding:13px 0;border:0}
.story-letter-sheet li span{font:italic 15px/1 Georgia,serif;color:var(--ending-rust)}
.story-letter-sheet li p{margin:0;padding-left:20px;border-left:1px solid rgba(196,83,47,.36);font:400 19px/1.5 "Songti SC","STSong","SimSun",serif}
.story-envelope-fold{position:absolute;z-index:7;left:50%;bottom:26px;width:min(520px,55%);transform:translateX(-50%);text-align:center;color:#594a39}
.story-envelope-fold p{margin:0 0 12px;font:400 13px/1.6 "Songti SC","STSong","SimSun",serif;letter-spacing:.05em}
.story-wax{display:grid !important;place-items:center;width:68px;height:68px;margin:0 auto 13px;border:4px double rgba(255,229,198,.38);border-radius:50%;background:radial-gradient(circle at 36% 30%,#db734e,#b94a2b 68%,#8f361f);box-shadow:0 6px 12px rgba(67,31,15,.27);color:#f4d5ae;font:italic 28px/1 Georgia,serif}
.story-envelope-fold strong{display:block;font:400 18px/1.4 "Songti SC","STSong","SimSun",serif;color:var(--ending-rust)}
@media(max-width:760px){
  .story-letter-ending{width:calc(100% - 20px);min-height:650px;margin:32px auto 48px;border-radius:3px}
  .story-ending-top{left:17px;top:18px}.story-ending-top b{font-size:21px}.story-ending-top span{font-size:9px}
  .story-ending-label{right:17px;top:23px;font-size:6px}
  .story-ending-side,.story-ending-vertical{display:none !important}
  .story-letter-ending::before,.story-letter-ending::after{left:-12%;right:-12%}
  .story-letter-ending::before{height:48%}.story-letter-ending::after{height:40%}
  .story-letter-sheet{width:calc(100% - 30px);min-height:490px;margin-top:52px;padding:42px 25px 185px}
  .story-letter-sheet .kicker{font-size:6px;margin-bottom:19px}
  .story-letter-sheet h2{font-size:31px;margin-bottom:24px}
  .story-letter-sheet li{grid-template-columns:38px 1fr;padding:11px 0}
  .story-letter-sheet li p{padding-left:13px;font-size:15px}
  .story-envelope-fold{bottom:22px;width:88%}
  .story-envelope-fold p{font-size:12px}.story-wax{width:58px;height:58px;font-size:23px}.story-envelope-fold strong{font-size:16px}
}