@charset "UTF-8";

/* The luminous exit is a contemporary exhibition design illustration. */
.about-ending-v44{isolation:isolate;background:#071710;color:#f4eee0}
.about-ending-scene{position:relative;isolation:isolate;width:100%;height:100%;min-height:570px;overflow:hidden;background:#071710 url("../assets/about-ending-background-v44.png") center 51%/cover no-repeat}
.about-ending-scene::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,12,9,.42) 0%,rgba(0,12,9,.20) 48%,rgba(0,12,9,.01) 75%),linear-gradient(0deg,rgba(2,19,14,.50),transparent 24%);pointer-events:none}
.about-ending-copy{position:relative;z-index:1;width:650px;max-width:calc(100% - 120px);margin-left:7.2%;padding-top:66px}
.about-ending-eyebrow{color:#ddb978;font-size:11px;font-weight:700;letter-spacing:.23em}
.about-ending-copy h2{margin:29px 0 0;color:#f4eee0;font:400 clamp(56px,5.7vw,76px)/1.17 "Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:.06em;text-shadow:0 2px 22px rgba(0,0,0,.3)}
.about-ending-copy h2 em{color:#e9c790;font-style:normal}
.about-ending-copy p{max-width:540px;margin:21px 0 0;color:#d3dacd;font-size:14px;line-height:1.9;letter-spacing:.045em}
.about-ending-actions{display:flex;align-items:center;gap:27px;margin-top:28px;white-space:nowrap}
.about-ending-actions a{font-size:12px;letter-spacing:.08em;text-decoration:none}
.about-ending-primary{display:flex;align-items:center;justify-content:space-between;width:205px;min-height:51px;padding:0 18px;background:#dfc48f;color:#18372b;font-weight:700}
.about-ending-primary span{font-size:20px;font-weight:400}
.about-ending-primary:hover{background:#f1d8a8}
.about-ending-secondary{display:flex;align-items:center;gap:12px;min-height:41px;border-bottom:1px solid rgba(223,196,143,.72);color:#f0eadb}
.about-ending-secondary span{color:#ddb978;font-size:17px}
.about-ending-secondary:hover{color:#ddb978}
.about-ending-fine-print{position:absolute;z-index:1;right:5.5%;bottom:24px;left:7.2%;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:15px;border-top:1px solid rgba(230,211,170,.42);color:#b9c7b8;font-size:10px;letter-spacing:.12em}
.about-ending-fine-print div{display:flex;align-items:center;gap:28px}
.about-ending-fine-print a{padding-bottom:4px;border-bottom:1px solid #a4b39c;color:#f0ddbb;text-decoration:none}
.about-preface-page[data-horizontal-current="3"] .site-guide-launcher{display:none}

@media(max-width:900px){
  .about-ending-copy{max-width:88%;margin-left:6%}
  .about-ending-copy h2{font-size:60px}
  .about-ending-actions{gap:18px}
  .about-ending-fine-print{right:6%;left:6%}
}
@media(max-width:600px){
  .about-ending-scene{min-height:700px;background-position:74% center}
  .about-ending-scene::before{background:linear-gradient(90deg,rgba(0,12,9,.83),rgba(0,12,9,.40) 80%),linear-gradient(0deg,rgba(2,19,14,.74),transparent 45%)}
  .about-ending-copy{max-width:88%;padding-top:48px}
  .about-ending-eyebrow{font-size:9px;letter-spacing:.15em}
  .about-ending-copy h2{margin-top:22px;font-size:45px;line-height:1.2;letter-spacing:.02em}
  .about-ending-copy p{max-width:100%;margin-top:17px;font-size:12px;line-height:1.8}
  .about-ending-actions{flex-wrap:wrap;gap:12px 22px;margin-top:20px}
  .about-ending-primary{width:100%;min-height:49px}
  .about-ending-secondary{min-height:40px;font-size:11px}
  .about-ending-fine-print{bottom:22px;display:block;line-height:1.8}
  .about-ending-fine-print div{justify-content:space-between;gap:13px;margin-top:5px}
}