*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e7;color:#34312d;font:15px/1.9 'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #9e7740;outline-offset:5px}img{display:block;width:100%}.skip{position:absolute;left:-9999px;top:0;z-index:10;background:#fff;padding:10px}.skip:focus{left:0}.header{height:86px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 6vw;border-bottom:1px solid #d9cfb8}.brand{font:19px Georgia,serif;letter-spacing:.14em;white-space:nowrap}.brand span{font:13px 'SimSun',serif;letter-spacing:.16em;margin-left:15px}nav{display:flex;gap:32px;font-size:12px;letter-spacing:.1em}nav a:hover{color:#a07942}h1,h2,h3,blockquote{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-weight:400}p{margin:0 0 18px}.eyebrow{font:10px/1.6 Georgia,serif;letter-spacing:.22em;color:#9a7946}.hero{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;background:#f4ede0;padding:80px 7vw}.hero-copy{position:relative;z-index:2;max-width:590px}.hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.45;letter-spacing:.07em;margin:25px 0}.hero h1 em{font-style:normal;color:#a27d48}.hero-text{color:#6c655c;max-width:350px;line-height:2}.outline-link{display:inline-flex;gap:35px;align-items:center;border:1px solid #a58a60;padding:10px 19px;margin-top:16px;font-size:12px;letter-spacing:.08em;transition:background .2s,color .2s}.outline-link:hover{background:#9c8053;color:#fff}.hero-art{position:absolute;inset:0 0 0 35%;background:url('assets/collage.webp') center/cover no-repeat;mix-blend-mode:multiply}.hero-number{position:absolute;z-index:2;bottom:27px;right:5vw;font:italic 11px Georgia,serif;letter-spacing:.1em;color:#947c56}.marquee{border-top:1px solid #d7cbb5;border-bottom:1px solid #d7cbb5;display:flex;align-items:center;justify-content:space-around;padding:14px 6vw;gap:15px;overflow:hidden;color:#9b865f;font:10px Georgia,serif;letter-spacing:.2em}.marquee b{font-size:14px;font-weight:400}.section{padding:110px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid #cfc3ac;padding-bottom:26px;margin-bottom:48px}.section-head h2{font-size:clamp(35px,3.8vw,52px);margin:12px 0 0;line-height:1.35}.section-head>p{font-size:13px;line-height:1.9;color:#756e63;margin:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#eee8dc}.intro h2{font-size:clamp(29px,2.7vw,41px);line-height:1.7;margin:18px 0}.handwritten{font:italic 18px Georgia,serif;color:#a38960}.intro-copy{max-width:500px;padding-top:10px;color:#6a6258}.small-label{font:10px Georgia,serif;letter-spacing:.17em;color:#9d8055}.identity{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.identity span{border:1px solid #cbbda3;padding:5px 11px;color:#7c6c54;font-size:11px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project:nth-child(2){padding-top:70px}.project-image{height:370px;position:relative;overflow:hidden;background:#776353}.project-image img{height:100%;object-fit:cover;transition:transform .6s}.project-image:hover img{transform:scale(1.035)}.project-image:after{content:'';position:absolute;inset:20px;border:1px solid #ffffff90;pointer-events:none}.project-image:before{content:'';position:absolute;inset:0;z-index:1;background:#21171548}.image-title{position:absolute;z-index:2;top:50%;left:0;width:100%;transform:translateY(-50%);color:#fff9ed;text-align:center;text-shadow:0 1px 12px #231b19;font:italic 31px Georgia,serif}.image-title small{display:block;margin-top:13px;font:10px Georgia,serif;letter-spacing:.2em}.project-meta{display:flex;justify-content:space-between;margin-top:25px;color:#9b8056;font:10px Georgia,serif;letter-spacing:.13em}.project h3{font-size:29px;margin:12px 0 9px}.project p{max-width:470px;color:#70695e}.caption{font-size:11px!important;color:#8a8071!important;margin-top:14px}.project details{border-top:1px solid #d9cfbd;border-bottom:1px solid #d9cfbd;margin:23px 0 0;padding:10px 0}.project summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;color:#7f684a}.project summary::-webkit-details-marker{display:none}.project details[open] summary span{transform:rotate(45deg)}.project details p{font-size:13px;margin:16px 0 5px}.quote-band{background:#e5ddd0;position:relative;text-align:center;padding:80px 8vw}.quote-band blockquote{font-size:clamp(27px,3vw,40px);line-height:1.6;margin:25px 0 0}.quote-star{position:absolute;right:13%;top:40%;color:#b99c69;font-size:37px}.notes{background:#f8f5ee}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.note{border-top:1px solid #ae9874;padding-top:22px}.note:nth-child(2){margin-top:28px}.note:nth-child(3){margin-top:56px}.note h3{font-size:25px;margin:18px 0}.note p:not(.small-label){font-size:13px;color:#756e63}.notes>.caption{margin-top:45px}.life{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.life-image img{height:440px;object-fit:cover}.life-copy{max-width:470px}.life h2{font-size:clamp(35px,4vw,55px);line-height:1.5;margin:20px 0}.life-copy>p:not(.eyebrow):not(.handwritten){color:#6d675e}.tiny-line{width:68px;display:block;border-top:1px solid #b29464;margin:30px 0}.timeline{background:#353a32;color:#f0ebdf}.timeline .section-head{border-color:#74786b}.timeline .section-head>p{color:#c2c2b5}.timeline .eyebrow{color:#c5aa7d}.timeline-row{display:grid;grid-template-columns:175px 1fr 1.4fr;gap:35px;border-bottom:1px solid #62685e;padding:26px 0}.timeline-row span{color:#d0bd99;font:11px Georgia,serif;letter-spacing:.12em}.timeline-row strong{font:20px 'SimSun',serif}.timeline-row p{margin:0;color:#c4c7bc;font-size:13px}.end{text-align:center;padding:125px 20px}.end h2{font-size:clamp(38px,4.2vw,57px);line-height:1.6;margin:20px 0}.end>p:not(.eyebrow){color:#766f65}.end .outline-link{margin-top:18px}footer{border-top:1px solid #d7cbb5;padding:27px 6vw;display:flex;justify-content:space-between;gap:20px;color:#7d7468;font:10px Georgia,serif;letter-spacing:.08em}@media(max-width:760px){.header{height:auto;padding:22px 6vw;align-items:flex-start;flex-direction:column;gap:15px}nav{gap:20px;flex-wrap:wrap}.hero{min-height:720px;display:block;padding:60px 7vw 360px}.hero h1{font-size:clamp(35px,8.5vw,45px)}.hero-art{inset:300px 0 0;background-position:65% center}.hero-number{display:none}.hero-copy{max-width:100%}.hero-text{max-width:330px}.marquee{justify-content:space-between;font-size:8px}.marquee span:last-child,.marquee b:last-of-type{display:none}.section{padding:75px 7vw}.section-head{display:block}.section-head>p{margin-top:20px}.intro,.projects,.note-grid,.life{grid-template-columns:1fr;gap:30px}.intro h2{font-size:29px}.project:nth-child(2),.note:nth-child(2),.note:nth-child(3){padding-top:0;margin-top:0}.project-image{height:280px}.life-image img{height:320px}.timeline-row{grid-template-columns:1fr;gap:8px}.quote-star{right:7%;top:20%}footer{display:block}footer span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
