.about-mode #workspace>header>span{display:none}
.about-mode #workspace>header{border:0;box-shadow:none}
.about-mode #main{padding-top:16px}
.about-mode #categories:empty{display:none}
.about-letter-page{width:100%;max-width:840px;margin:0 auto}
.letter-page-heading{text-align:center;margin:10px 0 24px;position:relative}
.letter-page-heading h1{font:400 clamp(30px,4vw,50px)/1.3 LumaDisplay,"Songti SC","Noto Serif CJK SC",serif;letter-spacing:.01em;text-indent:0;margin:0;color:var(--ink)}
.about-video-card{box-sizing:border-box;width:100%;margin:0 auto;padding:20px 28px 24px;border:1px solid var(--glass-border);border-radius:30px;background:radial-gradient(ellipse at 15% 0,var(--glass-light),transparent 60%),var(--glass-face);box-shadow:inset 0 1px 1px var(--material-top)}
.letter-welcome{text-align:center;font:italic 16px/1.6 Georgia,serif;letter-spacing:.03em;color:var(--muted);margin:0 0 16px}
.about-video-card video{display:block;width:100%;max-width:480px;margin:auto;height:auto;aspect-ratio:1206/672;object-fit:contain;border-radius:19px;background:transparent;filter:none;opacity:1}
.about-letter-page .about-letter{--paper-ink:var(--ink);position:relative;width:100%;box-sizing:border-box;margin:18px auto 0;padding:30px 52px;border:1px solid var(--glass-border);border-radius:30px;background:radial-gradient(ellipse at 15% 0,var(--glass-light),transparent 50%),var(--glass-face);box-shadow:inset 0 1px 1px var(--material-top);color:var(--paper-ink)}
.letter-body{background:none;columns:1}
.about-letter .letter-body p{break-inside:avoid;font:400 17px/1.9 "Songti SC","Noto Serif CJK SC",serif;letter-spacing:.035em;color:var(--paper-ink);white-space:normal;margin:0 0 18px;overflow-wrap:anywhere}
.about-letter .letter-body p:last-child{margin-bottom:0}
.letter-signature{font:italic 400 29px/1.4 LumaDisplay,Georgia,serif;text-align:right;margin:24px 0 16px;color:var(--paper-ink)}
.letter-contact{margin:0;padding-top:8px;font-size:13px;line-height:1.8;color:var(--paper-ink)}
.letter-contact>div{display:flex;gap:6px;flex-wrap:wrap}.letter-contact dt,.letter-contact dd{margin:0}.letter-contact a{color:inherit;text-decoration:none;overflow-wrap:anywhere}.letter-contact a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.about-mode #main{padding-top:12px}.letter-page-heading{margin-bottom:14px}.about-video-card{padding:16px;border-radius:24px}.about-video-card video{border-radius:16px}.letter-welcome{font-size:14px;margin-bottom:12px}.about-letter-page .about-letter{padding:24px;margin-top:16px;border-radius:24px}.letter-body{columns:1}.about-letter .letter-body p{font-size:17px;line-height:1.85;letter-spacing:.02em;margin-bottom:18px}.letter-contact{font-size:12px}}

/* Chosen direction 06: a quiet fantasy-game journal. */
.letter-page-heading h1{display:flex;justify-content:center;align-items:baseline;gap:.2em;flex-wrap:wrap}
.letter-title-cn{font-size:.76em;letter-spacing:.08em;font-weight:400}
.letter-title-en{font-weight:500;letter-spacing:-.025em}
.letter-star{width:13px;height:20px;fill:var(--muted);opacity:.6;align-self:center;flex:none;margin:0 .1em}
.about-letter:after{content:"";position:absolute;right:26px;bottom:28px;width:52px;height:52px;border-radius:50%;box-shadow:inset 9px -5px 0 var(--muted);opacity:.09;pointer-events:none}
.letter-body p:first-child:first-letter{font-size:1.45em;line-height:1}
@media(max-width:760px){.letter-title-cn{font-size:.8em}.letter-star{width:8px;margin:0}.letter-page-heading h1{gap:.14em}}