/* Personal narrative extensions; retains the supplied template palette and motion. */
:root{--ink-soft:#626760;--display:"Noto Serif SC Local","Songti SC","STSong",serif;--body:"Microsoft YaHei","PingFang SC",sans-serif}
html{scroll-padding-top:24px}body{overflow-x:clip}button{font-family:var(--body)}button:focus-visible,summary:focus-visible{outline:3px solid #b56d3e;outline-offset:5px}.skip-link{position:fixed;top:10px;left:15px;padding:12px 20px;background:var(--ink);color:white;z-index:99;transform:translateY(-160%)}.skip-link:focus{transform:none}.content-width{width:min(1180px,calc(100% - 80px))}.site-header{height:96px}.wordmark-note{font-size:12px;color:var(--ink-soft);font-weight:400;margin-left:2px}.wordmark-dot{width:11px;height:11px;border-radius:50%;transform:none}.site-header nav{gap:8px}.hero{min-height:650px;padding-block:66px 85px;gap:4%;grid-template-columns:1.15fr 1fr}.hero h1{font-size:clamp(42px,4.6vw,67px);line-height:1.42;letter-spacing:-.055em}.hero h1 em{color:#9b5d39}.hero-intro{font-size:16px;max-width:470px;line-height:2}.eyebrow{font-size:11px;letter-spacing:.04em}.hero-footnote{margin:28px 0 0;font-size:11px;letter-spacing:.16em;color:var(--ink-soft)}.button{border-radius:100px;font-size:13px;padding:16px 24px}.text-link{font-size:13px}.chapter-strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 42px;font-size:11px;color:var(--ink-soft);letter-spacing:.1em}.hero-stage{height:450px}.orbit-card{height:330px}.orbit-media{height:166px}.orbit-media-1:before{content:"栩";font-family:var(--display);font-size:96px;color:#263b37;transform:translate(-50%,-50%) rotate(-9deg)}.orbit-media-2:before{content:"◎";font-size:160px;color:#8d5d3e}.orbit-media-3:before{content:"✳";color:#607568}.orbit-title{font-family:var(--body);font-size:23px;font-weight:700}.orbit-detail{font-size:11px}.orbit-controls{gap:11px}.orbit-pause{border:0;border-bottom:1px solid var(--line);padding:4px 0;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:10px;letter-spacing:0}.orbit-arrow{width:31px;height:31px}.about-section{border-top:0}.about-section>.content-width{width:min(1180px,calc(100% - 80px))}.about-profile{margin-top:10px;grid-template-columns:.85fr 1.15fr}.about-profile-visual{min-height:380px}.about-profile-visual>span{font-family:var(--display);font-size:100px;line-height:1.05;transform:rotate(-12deg)}.about-profile-visual>small{position:absolute;bottom:28px;font-size:9px;letter-spacing:.3em;color:#fff}.about-profile-copy{padding:48px 54px}.about-section .about-profile-copy p{font-size:20px;line-height:1.9}.about-section .about-profile-copy .profile-secondary{font-size:14px;color:#c2c8ca;margin-top:22px}.personality-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:8%;padding-top:58px}.personality-grid h3{font:700 24px/1.8 var(--display);letter-spacing:-.02em}.about-section .personality-grid p{font:14px/2.05 var(--body);color:var(--ink-soft);margin-bottom:16px}.section-heading{grid-template-columns:220px 1fr;gap:30px;margin-bottom:48px}.section-heading h2,.notes-section h2{font-family:var(--display);font-size:43px;line-height:1.6;letter-spacing:-.04em}.section-index{font-size:11px;letter-spacing:.13em}.section-lead{font-size:14px;line-height:2;color:var(--ink-soft);max-width:490px;margin:19px 0 0}.music-section{padding-block:95px 110px}.music-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:center}.record-sleeve{position:relative}.record-art{position:relative;aspect-ratio:1;background:#d6e1c8;overflow:hidden;border-radius:3px;padding:7%;display:grid;place-items:center;box-shadow:0 22px 50px #1a1e2d12}.record-disc{width:94%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#222938 0 1px,#171c28 2px 4px);display:grid;place-items:center;box-shadow:3px 8px 20px #0003;transition:transform 1.4s ease}.record-sleeve:hover .record-disc{transform:rotate(25deg)}.record-label{display:grid;place-content:center;text-align:center;width:36%;aspect-ratio:1;background:var(--coral);border-radius:50%;font:700 24px/1.4 var(--display);color:#382f2a;position:relative}.record-label:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#eec3a4;left:calc(50% - 3px);top:calc(50% - 3px)}.record-label span{font:7px/2 var(--body);letter-spacing:.15em}.sleeve-caption{position:absolute;left:20px;bottom:15px;font-size:10px;letter-spacing:.18em}.sleeve-star{position:absolute;right:24px;top:15px;font-size:29px;color:#4c6153}.record-caption{padding-top:20px;display:flex;flex-direction:column;gap:8px}.record-caption span{font-size:10px;letter-spacing:.1em;color:var(--ink-soft)}.record-caption strong{font-family:var(--display);font-size:23px}.track-list{min-width:0}.track{display:grid;grid-template-columns:34px 1fr 25px;align-items:center;gap:15px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:25px 12px;color:var(--ink);cursor:pointer;transition:background .25s}.track.is-selected{background:#e7e9df}.track-number{font:12px Georgia,serif;color:var(--ink-soft)}.track strong{font:700 23px/1.5 var(--display)}.track-detail{display:block;font-size:12px;line-height:1.9;color:var(--ink-soft);margin-top:7px}.track-arrow{font-size:20px;transition:transform .25s}.track:hover .track-arrow{transform:translate(2px,-2px)}.music-note{font-size:12px;line-height:2;color:var(--ink-soft);margin:24px 12px 0}.life-section{background:#e9eae3;padding-block:95px}.life-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.life-card{position:relative;overflow:hidden;min-height:310px;padding:35px 38px;border-radius:4px;background:#fbfbf6}.life-card h3{font:700 28px/1.65 var(--display);margin:14px 0 18px;letter-spacing:-.03em;position:relative;z-index:1}.life-card p{font-size:13px;line-height:2;color:#555d56;max-width:350px;position:relative;z-index:1;margin-bottom:0}.card-eyebrow{font-size:10px;color:#626760;letter-spacing:.15em}.life-mark{position:absolute;right:20px;top:20px;font:100px/1.1 var(--display);color:#d6e1c8;opacity:.65;transform:rotate(-10deg)}.life-travel{background:#e4e9e6}.life-travel .life-mark{color:#b9c8be;font-size:130px}.life-story{background:#f0dfd0}.life-story .life-mark{color:#d6bba5;font-size:110px}.life-table{background:#d6e1c8}.life-table .life-mark{color:#afbea0;font-size:120px}.small-thought{display:block;font-size:11px;color:#545d4e;line-height:1.9;margin-top:23px;max-width:280px}.experience-section{background:var(--paper);border:0;padding-block:100px 20px}.stack-card{min-height:270px;margin-bottom:80px;border-radius:5px;box-shadow:0 16px 30px #1a1e20a}.stack-card h3{font-size:29px;line-height:1.5}.stack-card p{font-size:14px;line-height:2}.stack-number{font:italic 50px/1 Georgia,serif;color:#a36b45}.scroll-stack{padding-bottom:130px}.work-section{padding-block:35px 100px}.work-section .section-heading{padding-top:40px}.accordion-gallery{height:450px}.gallery-copy h3{font:700 30px/1.6 var(--display);white-space:normal}.gallery-panel.is-active .gallery-copy p{font-size:13px;line-height:1.9;max-height:160px;-webkit-line-clamp:4}.gallery-copy small{font-size:10px}.gallery-mark{opacity:.7}.gallery-media-0:before{border-radius:22px;width:28%;height:52%;box-shadow:0 0 0 18px #fbfbf608,0 0 0 36px #fbfbf606}.gallery-media-1:before{width:40%;height:40%;border-radius:50%;box-shadow:25px 15px 0 -10px #eca36f55}.project-notes{margin-top:30px}.project-notes details{border-bottom:1px solid var(--line);scroll-margin-top:30px}.project-notes summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;list-style:none;cursor:pointer;font-size:15px;line-height:1.8}.project-notes summary::-webkit-details-marker{display:none}.project-notes small{display:block;font-size:10px;color:var(--ink-soft);margin-bottom:8px;letter-spacing:.07em}.details-toggle{font-size:23px;font-weight:400;transition:transform .2s}.project-notes details[open] .details-toggle{transform:rotate(45deg)}.details-body{max-width:800px;padding:0 4px 22px}.details-body p{font-size:13px;color:var(--ink-soft);line-height:2.05}.notes-section{padding-block:90px;background:#1a1e2d;color:#f4f4f2}.notes-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:11%}.notes-section .section-index{color:#eca36f}.notes-section h2{margin:20px 0 0;font-size:43px}.notes-copy{padding-top:13px}.notes-copy p{font-size:14px;line-height:2.1;color:#c3c7cb}.notes-copy strong{font-weight:400;color:#eca36f}.closing-section{padding-block:105px 100px;text-align:center}.closing-section .section-index{color:var(--ink-soft)}.closing-section h2{font:700 clamp(32px,4.5vw,53px)/1.65 var(--display);letter-spacing:-.04em;margin:25px 0 35px}.closing-section h2 span{color:#9b5d39}.topic-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.topic-list button{border:1px solid #c5c9bf;border-radius:100px;background:transparent;color:#4f5750;padding:11px 18px;font-size:12px;cursor:pointer;transition:background .2s}.topic-list button[aria-pressed=true]{background:#d6e1c8;border-color:#d6e1c8;color:#1a1e2d}.site-footer{border-top:1px solid var(--line);padding-block:25px 32px;align-items:center}.site-footer a{white-space:nowrap;text-decoration:none}
@media(min-width:1400px){.hero::before{inset:0 -30px}}
@media(max-width:800px){.hero .hero-stage{height:420px}}
@media(max-width:480px){.hero .hero-stage{height:390px}.hero .orbit-card{height:285px;width:65%}.hero .orbit-media{height:146px;margin-bottom:13px}.hero .orbit-title{font-size:20px}}
@media(max-width:800px){.content-width,.about-section>.content-width{width:calc(100% - 40px)}.site-header{height:76px;padding-inline:20px}.wordmark-note{display:none}.wordmark{font-size:17px}.site-header nav{gap:0;padding:5px}.site-header nav a{font-size:11px;padding:6px 7px}.hero{padding-block:55px 35px;gap:15px}.hero h1{font-size:48px}.hero-intro{max-width:520px}.hero-footnote{margin-top:22px}.hero-stage{height:365px;max-width:460px;width:100%;align-self:center}.hero::before{inset:0 0 0}.chapter-strip{font-size:10px;padding-bottom:0}.about-section{padding-top:50px;padding-bottom:65px}.about-particle-title{margin-top:0}.about-profile{grid-template-columns:1fr}.about-profile-visual{min-height:260px}.about-profile-visual>span{font-size:88px}.about-profile-copy{padding:30px}.about-section .about-profile-copy p{font-size:18px}.about-section .about-profile-copy .profile-secondary{font-size:13px}.personality-grid{grid-template-columns:1fr;padding-top:35px;gap:15px}.personality-grid h3{font-size:23px}.about-section .personality-grid p{font-size:13px}.section-heading{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.section-heading h2{font-size:34px;line-height:1.65}.section-lead{font-size:13px}.music-section{padding-block:65px}.music-grid{grid-template-columns:1fr;gap:30px}.record-sleeve{max-width:390px;width:100%;margin:auto}.track{padding:23px 10px}.track strong{font-size:22px}.track-detail{font-size:12px}.life-section{padding-block:65px}.life-grid{grid-template-columns:1fr;gap:14px}.life-card{min-height:270px;padding:28px}.life-card h3{font-size:26px}.life-card p{max-width:100%}.life-mark{right:20px}.experience-section{padding-top:65px}.stack-card{padding:28px;min-height:275px;margin-bottom:65px}.stack-card h3{font-size:24px}.stack-card p{font-size:13px}.stack-number{font-size:34px}.scroll-stack{padding-bottom:75px}.work-section{padding-block:25px 65px}.accordion-gallery{height:590px}.gallery-panel.is-active{flex-grow:4}.gallery-copy h3{font-size:26px}.gallery-panel.is-active .gallery-copy p{-webkit-line-clamp:4;max-height:170px;font-size:12px}.gallery-copy small{font-size:9px}.gallery-panel:not(.is-active) .gallery-copy h3{font-size:20px;line-height:1.3}.project-notes summary{font-size:13px}.notes-section{padding-block:60px}.notes-grid{grid-template-columns:1fr;gap:20px}.notes-section h2{font-size:34px}.notes-copy p{font-size:13px}.closing-section{padding-block:65px}.closing-section h2{font-size:33px}.topic-list{gap:8px}.topic-list button{font-size:11px;padding:9px 13px}.site-footer{font-size:10px;gap:12px}}
@media(max-width:375px){.content-width,.about-section>.content-width{width:calc(100% - 32px)}.site-header{padding-inline:16px}.wordmark{font-size:15px;gap:6px}.site-header nav a{font-size:10px;padding:6px}.hero h1{font-size:42px}.eyebrow{font-size:10px}.hero-actions{gap:18px}.text-link{font-size:12px}.track{grid-template-columns:23px 1fr 20px;gap:9px}.gallery-copy h3{font-size:24px}.stack-card{padding:23px;min-height:290px}.stack-card h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.record-sleeve:hover .record-disc{transform:none}.motion-ready .reveal{opacity:1;transform:none}}