@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5f4ef;--ink:#242a25;--muted:#60665e;--line:#cdcec5;--accent:#e66c48;--serif:'Instrument Serif','Songti SC','Noto Serif CJK SC',SimSun,serif;--sans:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#e9a38d;color:#17241a}.wrap{width:calc(100% - 104px);max-width:1600px;margin:auto}.skip{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.header{display:flex;align-items:center;min-height:94px;gap:30px;border-bottom:1px solid var(--line)}.signature{font-size:27px;font-weight:700;letter-spacing:-2px}.signature-dot{color:var(--accent)}.header-note{font-size:14px;color:var(--muted);letter-spacing:.04em;margin-left:12px}.header nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:14px}.header nav a{padding:10px 0}.header nav a:hover,.footer a:hover{color:var(--accent)}.language{background:transparent;border:1px solid #b4b8af;border-radius:50%;width:38px;height:38px;font-size:12px;cursor:pointer;color:var(--ink)}.language:hover{background:var(--ink);color:var(--paper)}.masthead{padding-top:25px}.masthead h1{font-family:var(--serif);font-weight:400;font-size:clamp(62px,13.1vw,207px);line-height:1.09;letter-spacing:-.055em;margin:0;white-space:nowrap}.name-period{color:var(--accent)}.masthead-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 0 34px;font-size:12px;letter-spacing:.12em}.masthead-bottom p{margin:0}.masthead-bottom>span{font-size:14px;letter-spacing:.12em}.hero-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:clamp(26px,4.3vw,70px)}.hero-image{margin:0;min-width:0}.hero-image img{display:block;width:100%;height:clamp(360px,43vw,680px);object-fit:cover;object-position:center;background:#dbd6c9}.hero-image figcaption{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-top:15px;line-height:1.6}.hero-copy{position:relative;padding-top:18px;padding-right:25px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:500}.hero-copy h2{font-family:var(--serif);font-size:clamp(36px,4.25vw,68px);font-weight:400;line-height:1.4;letter-spacing:.01em;margin:37px 0 22px}.hero-copy p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}.text-link{display:flex;align-items:center;gap:36px;padding:18px 0 10px;border-bottom:1px solid var(--ink);margin-top:25px;font-size:14px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link>span:last-child{font-size:22px;transition:transform .2s}.text-link:hover>span:last-child{transform:translate(3px,3px)}.vertical-note{writing-mode:vertical-rl;font-size:12px;letter-spacing:.18em;position:absolute;bottom:36px;right:0;color:var(--muted)}.observations{margin-top:114px;padding-bottom:100px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;font-size:12px;letter-spacing:.1em}.section-label>span:last-child{font-size:14px;letter-spacing:0;color:var(--muted)}.observation-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:46px 0 52px}.observation-heading h2{font-family:var(--serif);font-size:clamp(29px,3.3vw,54px);font-weight:400;margin:0;line-height:1.5}.observation-heading em{font-weight:400;font-style:normal;color:var(--muted)}.observation-heading p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.note{border-top:1px solid var(--line);padding-top:24px}.note-number{font-family:var(--serif);color:var(--accent);font-size:36px}.note h3{font-size:21px;font-weight:500;margin:20px 0 16px}.note p{font-size:16px;line-height:1.95;color:var(--muted);max-width:340px;margin:0 0 29px}.note-tag{font-size:12px;letter-spacing:.08em}.about{background:#e8ebe2;padding:76px 0 80px}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about h2{font-family:var(--serif);font-size:clamp(35px,4.1vw,64px);line-height:1.45;font-weight:400;margin:35px 0 0}.about-text{max-width:490px;padding-top:36px}.about-text .about-lead{font-size:24px;line-height:1.7;color:var(--ink);margin-top:0}.about-text p{font-size:16px;line-height:2;color:var(--muted);margin:20px 0}.handwritten{display:block;font-family:var(--serif);font-size:48px;font-style:italic;margin-top:29px;color:#475643}.footer{display:flex;justify-content:space-between;gap:22px;align-items:center;min-height:106px;font-size:12px;letter-spacing:.06em}.footer-note{color:var(--muted)}.footer a{font-size:14px;letter-spacing:0}html[lang=en] .hero-copy h2{line-height:1.04;font-size:clamp(40px,5.6vw,88px)}html[lang=en] .observation-heading em{font-style:italic}html[lang=en] .about h2{line-height:1.1;font-size:clamp(44px,5vw,78px)}
@media(min-width:1800px){.masthead h1{font-size:221px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header-note{display:none}.hero-copy{padding-top:8px}.hero-copy h2{margin-top:25px}.hero-copy p{font-size:15px}.vertical-note{display:none}.notes-grid{gap:26px}.observation-heading{align-items:flex-start}.observation-heading p{max-width:200px}.text-link{gap:20px}.hero-image img{height:490px}.hero-image figcaption{flex-direction:column;gap:1px}.about-inner{gap:6%}.about h2{font-size:42px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:76px;gap:14px}.header nav{gap:20px}.signature{font-size:26px}.language{width:34px;height:34px}.masthead{padding-top:28px}.masthead h1{font-size:13.1vw}.masthead-bottom{padding:17px 0 26px;gap:10px;font-size:12px;letter-spacing:0}.masthead-bottom>span{font-size:12px;white-space:nowrap}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-image img{height:auto;aspect-ratio:4/4.1;object-position:51% center}.hero-image figcaption{flex-direction:row;font-size:12px;gap:8px}.hero-copy{padding:9px 0 0}.hero-copy h2{font-size:42px;line-height:1.45;margin:22px 0 20px}.hero-copy h2 br:first-child{display:none}.hero-copy p{font-size:16px}.hero-copy .eyebrow{font-size:12px}.hero-copy .text-link{margin-top:13px}.observations{margin-top:74px;padding-bottom:66px}.section-label{font-size:12px;letter-spacing:.025em}.section-label>span:last-child{font-size:13px}.observation-heading{display:block;margin:32px 0 31px}.observation-heading h2{font-size:29px}.observation-heading p{font-size:14px;max-width:none;margin-top:20px}.notes-grid{grid-template-columns:1fr;gap:32px}.note{padding-top:20px;display:grid;grid-template-columns:44px 1fr;column-gap:12px}.note-number{grid-row:1/4;font-size:33px}.note h3{margin:5px 0 14px;font-size:21px}.note p{max-width:none;margin-bottom:18px}.note-tag{grid-column:2}.about{padding:49px 0 44px}.about-inner{grid-template-columns:1fr;gap:18px}.about h2{font-size:40px;margin-top:27px}.about-text{padding-top:8px;max-width:none}.about-text .about-lead{font-size:21px}.footer{min-height:116px;flex-wrap:wrap;padding-top:23px;padding-bottom:23px;row-gap:19px}.footer-note{order:3;width:100%}html[lang=en] .hero-copy h2{font-size:56px;line-height:1.08}html[lang=en] .hero-copy h2 br:first-child{display:initial}html[lang=en] .about h2{font-size:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}