:root{--paper:#f5f3ed;--ink:#292a26;--muted:#77796e;--line:#d8d7ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #8b7458;outline-offset:6px}header{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.logo{font-family:serif;font-size:28px;letter-spacing:5px;line-height:1.1}.logo span{display:block;font:8px Arial,sans-serif;letter-spacing:2.4px;margin-top:12px}nav{display:flex;gap:32px;font-size:12px}nav a{padding:15px 0}.menu{display:none}.hero{height:calc(100svh - 94px);min-height:570px;max-height:950px;position:relative;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:brightness(.74)}.hero-copy{position:absolute;left:8%;top:24%}.eyebrow{font:10px Arial,sans-serif;letter-spacing:2px;display:block;margin-bottom:24px}h1{font-size:clamp(40px,4.5vw,72px);font-weight:400;letter-spacing:8px;line-height:1.4;margin:0 0 24px}h2{font-size:32px;font-weight:400;line-height:1.6;letter-spacing:3px;margin:0 0 26px}h3{font-size:18px;font-weight:400;letter-spacing:1px;margin:14px 0 5px}p{margin:0 0 24px}.hero-copy p{font-size:13px;letter-spacing:2px}.light-link{display:inline-block;border-bottom:1px solid #ffffff80;padding:9px 0;font-size:12px;letter-spacing:1px}.light-link span{margin-left:55px}.hero-index{position:absolute;bottom:30px;right:4.5%;font-size:10px;letter-spacing:2px}.section{padding:110px 8%}.intro{display:grid;grid-template-columns:1fr 1.12fr;gap:13%;align-items:center}.intro p{max-width:365px}.muted,figcaption{color:var(--muted);font-size:11px}figure{margin:0}figure img{aspect-ratio:1.05;width:100%;object-fit:cover}figcaption{margin-top:13px;letter-spacing:1px}.text-link{padding:10px 0;border-bottom:1px solid var(--ink);font-size:12px}.text-link span{margin-left:45px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-head .eyebrow{margin-bottom:10px}.section-head h2{margin:0}.section-head p{font-size:12px;color:var(--muted);margin:0}.grid{display:grid;gap:28px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.tile .image{overflow:hidden;background:#dedbd0}.tile img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.1s ease}.tile:hover img,.space-cover:hover img,.art a:hover img{transform:scale(1.025)}.tile p{font-size:12px;color:var(--muted)}.tile .meta{font:10px Arial;letter-spacing:2px;margin-top:19px;color:var(--muted)}.tile h3{display:flex;justify-content:space-between}.stories{background:#eae8e0}.stories .grid{gap:45px 28px}.stories img{aspect-ratio:1.5}.stories .tile:nth-child(2){padding-top:70px}.stories .tile:nth-child(3){margin-top:-70px}.space-cover{display:block;position:relative;height:650px;overflow:hidden;color:#fff}.space-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.62);transition:transform 1.1s}.space-cover>div{position:absolute;bottom:70px;left:8%}.space-cover h2{font-size:38px}.space-row{display:flex;padding:28px 8%;border-bottom:1px solid var(--line);gap:50px}.space-row a{flex:1;display:flex;justify-content:space-between;font-size:12px}.art{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line)}.art img{width:100%;aspect-ratio:1.1;object-fit:cover;transition:transform 1.1s}.art>a{overflow:hidden;align-self:center}.art p{font-size:12px;color:var(--muted)}.art-list{display:block;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.art-list span{float:right}.visit{background:#e8e5dc}.visit>.grid{margin-top:42px;gap:12%}.visit .grid>div{border-top:1px solid #c8c7bc;padding-top:15px}.visit p{font-size:12px;color:var(--muted)}footer{padding:60px 4.5% 20px}.footer-top{display:flex;align-items:start;justify-content:space-between;padding-bottom:60px}.footer-top p{font-size:12px}.footer-top button{font-size:11px;margin-left:22px;padding:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:10px}.reveal{opacity:0;transform:translateY(18px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:none}dialog{border:0;background:var(--paper);color:var(--ink);padding:50px;width:min(850px,90vw);max-height:90svh}dialog::backdrop{background:#17181499}.close{float:right;padding:8px;margin-bottom:22px}#detailContent{clear:both}#detailContent img{width:100%;max-height:400px;object-fit:cover}#detailContent h2{margin-top:24px}#detailContent p{max-width:650px}.note{padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:850px){header{height:80px}.menu{display:block;padding:12px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);z-index:5;padding:20px 6%;grid-template-columns:1fr 1fr;gap:8px}nav.open{display:grid}.hero{min-height:590px;height:78svh}.hero-copy{top:22%;left:7%}.hero>img{object-position:60% center}h1{font-size:44px;letter-spacing:4px}.hero-copy p{max-width:260px}.section{padding:70px 6%}.intro{gap:35px;grid-template-columns:1fr}.intro figure{order:2}.intro p{max-width:100%}h2{font-size:27px}.section-head{display:block}.section-head p,.section-head>.muted{display:block;margin-top:14px}.three{grid-template-columns:1fr;gap:35px}.three img{aspect-ratio:1.25}.two{gap:24px}.stories .tile:nth-child(2){padding-top:0}.stories .tile:nth-child(3){margin-top:0}.stories img{aspect-ratio:.9}.tile h3{font-size:16px}.space-cover{height:500px}.space-cover>div{left:6%;bottom:45px}.space-cover h2{font-size:29px}.space-row{padding:24px 6%;gap:15px;flex-direction:column}.art{grid-template-columns:1fr;gap:40px}.visit .grid{grid-template-columns:1fr;gap:30px}.footer-top{flex-wrap:wrap;gap:30px;padding-bottom:30px}.footer-top p{display:none}.footer-top button{margin:0 16px 0 0;padding:8px 0}.footer-bottom{gap:12px;flex-wrap:wrap}dialog{padding:25px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.reveal{opacity:1;transform:none}}
