:root{--paper:#f5efe4;--paper-deep:#ebe0cf;--ink:#1d2321;--muted:#6c6b64;--coral:#d95f4b;--teal:#176c67;--mustard:#dfa835;--line:#1d23212e;--header-h:82px;--shadow:0 24px 70px #33281924}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{color:var(--ink);background:radial-gradient(circle at 20% 15%, #ffffff94 0 1px, transparent 2px) 0 0 / 24px 24px, linear-gradient(135deg, #dfa8350d, transparent 32%), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5efe4db;border-bottom:1px solid #1d23211f;justify-content:space-between;align-items:center;padding:0 clamp(24px,4vw,68px);display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:var(--teal);letter-spacing:-2px;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-weight:700;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{letter-spacing:.14em;font-size:15px}.brand-copy small{letter-spacing:.12em;color:var(--muted);font:10px/1.2 Arial,sans-serif}.chapter{letter-spacing:.12em;align-items:center;gap:9px;font-size:13px;display:flex}.chapter-dot{background:var(--coral);border-radius:50%;width:7px;height:7px}.index-link{letter-spacing:.12em;font-size:13px}.index-link span{color:var(--coral);font-size:17px}.panel{min-height:100vh;padding:calc(var(--header-h) + 42px) clamp(26px, 6vw, 104px) 60px;scroll-snap-align:start;position:relative;overflow:hidden}.cover{grid-template-columns:minmax(420px,.96fr) minmax(420px,1.04fr);align-items:center;gap:clamp(50px,7vw,120px);display:grid}.cover:before,.profile:before,.directory:before{content:"";pointer-events:none;border:1px solid #1d23211a;border-radius:50%;width:420px;height:420px;position:absolute}.cover:before{top:18%;right:-210px}.cover-art{justify-self:end;width:min(48vw,670px);position:relative}.mosaic{z-index:1;box-shadow:var(--shadow);background:#fffaf2;grid-template-rows:repeat(4,minmax(95px,15vh));grid-template-columns:repeat(5,1fr);gap:8px;padding:11px;display:grid;position:relative;transform:rotate(-2.4deg)}.mosaic figure{background:#d7d2c8;margin:0;position:relative;overflow:hidden}.mosaic figure:nth-child(3n+1){transform:translateY(7px)}.mosaic figure:nth-child(4n+2){transform:translateY(-5px)}.mosaic img{object-fit:cover;object-position:50% 25%;filter:saturate(.82)contrast(.96);width:100%;height:100%;display:block}.mosaic-wash{z-index:3;pointer-events:none;background:linear-gradient(145deg,#0000 35%,#176c672b);position:absolute;inset:-12% -8% 4% 8%}.roundel{z-index:4;color:#fff;border-radius:50%;place-items:center;font:700 22px/1 Georgia,serif;display:grid;position:absolute;box-shadow:0 14px 35px #241f152e}.roundel-one{background:var(--coral);width:92px;height:92px;top:16%;right:-28px;transform:rotate(9deg)}.roundel-two{background:var(--mustard);width:72px;height:72px;color:var(--ink);font-size:15px;bottom:-26px;left:-24px}.cover-copy{z-index:5;max-width:660px;position:relative}.eyebrow{letter-spacing:.18em;color:var(--teal);align-items:center;gap:12px;margin:0 0 25px;font:700 12px/1.4 Arial,sans-serif;display:flex}.eyebrow>span{background:currentColor;width:34px;height:2px;display:inline-block}.cover h1{letter-spacing:-.055em;margin:0;font-family:Georgia,STSong,SimSun,serif;font-size:clamp(52px,6.2vw,104px);font-weight:700;line-height:.98}.cover h1 em{color:var(--coral);font-style:italic;font-weight:400}.cover h1 span{letter-spacing:-.035em;margin-top:14px;font-size:.67em;display:inline-block}.lead{color:var(--muted);margin:30px 0 32px;font-size:16px;line-height:1.9}.primary-button{border:1px solid var(--ink);letter-spacing:.1em;align-items:center;gap:28px;padding:15px 18px 15px 22px;font-size:14px;transition:all .25s;display:inline-flex}.primary-button span{background:var(--ink);width:30px;height:30px;color:var(--paper);border-radius:50%;place-items:center;display:grid}.primary-button:hover{color:#fff;background:var(--ink);transform:translateY(-2px)}.primary-button:hover span{background:var(--coral)}.cover-meta{border-top:1px solid var(--line);gap:42px;margin-top:46px;padding-top:25px;display:flex}.cover-meta div{gap:4px;display:grid}.cover-meta strong{color:var(--teal);font:700 27px/1 Georgia,serif}.cover-meta span{color:var(--muted);font-size:12px}.scroll-hint{writing-mode:vertical-rl;letter-spacing:.2em;color:var(--muted);margin:0;font:10px/1 Arial;position:absolute;bottom:44px;right:22px}.scroll-hint span{background:var(--ink);width:1px;height:42px;margin-bottom:12px;animation:1.8s ease-in-out infinite scrollPulse;display:inline-block}@keyframes scrollPulse{0%,to{transform-origin:top;opacity:.35;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.profile{background:var(--paper);grid-template-columns:minmax(360px,.92fr) minmax(460px,1.08fr);align-items:center;gap:clamp(52px,8vw,140px);display:grid}.profile:nth-child(2n){background:#efe6d8}.profile:before{width:560px;height:560px;bottom:-210px;left:-270px}.profile:nth-child(2n):before{left:auto;right:-270px}.profile-visual{justify-self:end;width:min(42vw,570px);position:relative}.profile:nth-child(2n) .profile-visual{order:2;justify-self:start}.portrait-frame{z-index:2;aspect-ratio:4/5.25;width:78%;box-shadow:var(--shadow);background:#fff9f0;margin:0 auto;padding:10px;position:relative;transform:rotate(-1.2deg)}.profile:nth-child(2n) .portrait-frame{transform:rotate(1.3deg)}.portrait-frame img{object-fit:cover;object-position:50% 20%;filter:saturate(.9)contrast(.97);width:100%;height:100%;display:block}.color-block{z-index:1;background:var(--accent);opacity:.9;width:56%;height:58%;position:absolute;bottom:-22px;right:0}.profile:nth-child(2n) .color-block{left:0;right:auto}.profile-stamp{z-index:3;text-align:center;color:#fff;background:var(--teal);outline:5px solid var(--teal);letter-spacing:.08em;border:1px dashed #ffffffb3;border-radius:50%;place-items:center;width:104px;height:104px;font:700 11px/1.4 Arial,sans-serif;display:grid;position:absolute;top:8%;right:1%;transform:rotate(10deg)}.profile:nth-child(2n) .profile-stamp{left:1%;right:auto;transform:rotate(-10deg)}.vertical-name{z-index:4;writing-mode:vertical-rl;letter-spacing:.22em;color:var(--ink);font:700 12px/1.2 Arial;position:absolute;bottom:2%;left:2%}.profile:nth-child(2n) .vertical-name{left:auto;right:2%}.profile-copy{z-index:5;max-width:680px;position:relative}.profile:nth-child(2n) .profile-copy{order:1;justify-self:end}.profile-number{color:var(--coral);margin:0 0 12px;font:italic 400 18px/1 Georgia,serif}.profile h2{letter-spacing:.04em;margin:0;font-family:Georgia,STSong,SimSun,serif;font-size:clamp(56px,6.2vw,92px);line-height:1}.department{color:var(--teal);letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0 34px;font-size:15px;font-weight:700;display:flex}.department:before{content:"";background:currentColor;width:28px;height:2px}.memory-label{letter-spacing:.18em;color:var(--muted);margin:0 0 10px;font:700 11px/1.4 Arial,sans-serif}.memory-line{max-width:640px;margin:0;font-family:Georgia,STSong,SimSun,serif;font-size:clamp(25px,2.4vw,38px);font-weight:700;line-height:1.45}.memory-line mark{color:var(--coral);background:0 0}.info-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr .8fr;gap:0;margin-top:34px;display:grid}.info-item{min-width:0;padding:18px 22px 18px 0}.info-item+.info-item{border-left:1px solid var(--line);padding-left:22px}.info-item span{color:var(--muted);letter-spacing:.12em;margin-bottom:8px;font-size:11px;display:block}.info-item strong{overflow-wrap:anywhere;font-size:13px;line-height:1.55;display:block}.tag-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tag{background:#fff3;border:1px solid #1d232140;border-radius:100px;padding:8px 13px;font-size:12px}.tag.mbti{color:#fff;border-color:var(--teal);background:var(--teal)}.find-me{color:var(--muted);align-items:center;gap:13px;margin-top:23px;font-size:13px;display:flex}.find-me:before{content:"+";color:#fff;background:var(--coral);border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:16px;display:grid}.directory{padding-top:calc(var(--header-h) + 62px);background:var(--ink);color:var(--paper)}.directory:before{border-color:#f5efe41a;width:640px;height:640px;top:-120px;right:-250px}.directory-head{z-index:2;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px;display:flex;position:relative}.directory-head .eyebrow{color:var(--mustard);margin-bottom:16px}.directory-head h2{margin:0;font-family:Georgia,STSong,SimSun,serif;font-size:clamp(44px,5vw,72px);line-height:1.03}.directory-head>p{color:#f5efe4a6;max-width:390px;margin:0 0 8px;font-size:14px;line-height:1.8}.directory-grid{z-index:2;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.2vw,20px);display:grid;position:relative}.directory-card{min-width:0;transition:transform .25s;display:block;position:relative}.directory-card:hover{transform:translateY(-7px)}.directory-photo{aspect-ratio:4/4.8;background:#d3cbbd;overflow:hidden}.directory-photo img{object-fit:cover;object-position:50% 22%;filter:grayscale(.18)saturate(.82);width:100%;height:100%;transition:all .25s;display:block}.directory-card:hover img{filter:none;transform:scale(1.025)}.directory-card:nth-child(4n+1) .directory-photo{border-bottom:5px solid var(--coral)}.directory-card:nth-child(4n+2) .directory-photo{border-bottom:5px solid var(--mustard)}.directory-card:nth-child(4n+3) .directory-photo{border-bottom:5px solid #5ba19b}.directory-card:nth-child(4n) .directory-photo{border-bottom:5px solid #ede3d5}.directory-card h3{letter-spacing:.08em;margin:12px 0 3px;font-family:Georgia,STSong,serif;font-size:18px}.directory-card p{color:#f5efe48c;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.directory-foot{z-index:2;border-top:1px solid #f5efe42e;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;margin-top:58px;padding:30px 0 8px;display:grid;position:relative}.directory-foot p{color:var(--mustard);margin:0;font:700 clamp(32px,4vw,58px)/1 Georgia,STSong,serif}.directory-foot span{text-align:center;letter-spacing:.18em;color:#f5efe48c;font:11px/1.4 Arial,sans-serif}.directory-foot a{border-bottom:1px solid;justify-self:end;padding-bottom:3px;font-size:13px}.page-controls{z-index:45;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5efe4db;align-items:center;gap:9px;padding:7px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:28px;left:clamp(24px,4vw,68px)}body[data-section=cover] .page-controls,body[data-section=directory] .page-controls{opacity:0;pointer-events:none;transform:translateY(10px)}.page-controls button{width:35px;height:35px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:17px}.page-controls button:hover{color:#fff;background:var(--coral)}.page-number{justify-content:center;align-items:baseline;gap:5px;min-width:64px;font-family:Georgia,serif;display:flex}.page-number strong{color:var(--teal);font-size:19px}.page-number span,.page-number small{color:var(--muted);font-size:11px}.progress-track{z-index:60;background:0 0;width:100%;height:3px;position:fixed;bottom:0;left:0}.progress-track span{background:var(--coral);width:0;height:100%;transition:width .2s linear;display:block}@media (max-width:1060px){.cover,.profile{grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr);gap:48px}.panel{padding-left:44px;padding-right:44px}.directory-grid{grid-template-columns:repeat(4,1fr)}.profile h2{font-size:62px}.memory-line{font-size:29px}}@media (max-width:760px){:root{--header-h:66px}html{scroll-snap-type:none}.site-header{padding:0 18px}.brand-mark{width:34px;height:34px;font-size:13px}.brand-copy strong{font-size:13px}.brand-copy small,.chapter{display:none}.panel{min-height:auto;padding:calc(var(--header-h) + 28px) 20px 56px;scroll-snap-align:none}.cover{flex-direction:column-reverse;justify-content:center;align-items:stretch;gap:32px;min-height:100svh;padding-bottom:74px;display:flex}.cover-art{align-self:center;width:92%}.mosaic{grid-template-rows:repeat(4,70px);gap:5px;padding:7px}.roundel-one{width:65px;height:65px;font-size:17px;right:-13px}.roundel-two{width:54px;height:54px;font-size:11px;bottom:-17px;left:-14px}.cover-copy{text-align:left}.eyebrow{margin-bottom:14px;font-size:10px}.cover h1{font-size:clamp(45px,14vw,64px)}.cover h1 span{margin-top:9px}.lead{margin:19px 0 22px;font-size:13px;line-height:1.75}.cover-meta{gap:22px;margin-top:26px;padding-top:18px}.cover-meta strong{font-size:22px}.scroll-hint{display:none}.profile{padding-top:calc(var(--header-h) + 42px);flex-direction:column;gap:39px;display:flex}.profile:nth-child(2n) .profile-visual,.profile:nth-child(2n) .profile-copy{order:initial}.profile-visual,.profile:nth-child(2n) .profile-visual{align-self:center;width:88%;max-width:430px}.portrait-frame{width:84%}.profile-stamp{width:78px;height:78px;font-size:9px}.profile-copy,.profile:nth-child(2n) .profile-copy{width:100%;max-width:none}.profile-number{font-size:15px}.profile h2{font-size:clamp(50px,15vw,70px)}.department{margin:12px 0 25px;font-size:13px}.memory-line{font-size:clamp(24px,7vw,32px)}.info-grid{grid-template-columns:1fr;margin-top:25px}.info-item{padding:14px 0}.info-item+.info-item{border-left:0;border-top:1px solid var(--line);padding-left:0}.tag-row{margin-top:19px}.find-me{line-height:1.6}.directory{padding-top:calc(var(--header-h) + 38px)}.directory-head{margin-bottom:30px;display:block}.directory-head h2{font-size:46px}.directory-head>p{margin-top:20px}.directory-grid{grid-template-columns:repeat(3,1fr);gap:18px 9px}.directory-card h3{margin-top:8px;font-size:15px}.directory-card p{display:none}.directory-foot{grid-template-columns:1fr auto;margin-top:40px}.directory-foot span{display:none}.directory-foot p{font-size:34px}.page-controls{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}