:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#151714;background:#e8e5e1;font-synthesis:none;--paper: #e8e5e1;--field: #f3f1ed;--ink: #151714;--muted: #54564f;--line: #b6b5ae;--accent: #d56e28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:var(--ink);background:#e3a06c}.skip-link{position:absolute;z-index:10;top:-60px;left:20px;padding:10px 14px;background:var(--ink);color:#fff}.skip-link:focus{top:14px}.site-shell{overflow:clip}.site-header{height:74px;padding:0 clamp(22px,4vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:4;background:var(--paper)}.site-mark{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:780;letter-spacing:.09em}.mark-cross{width:26px;height:26px;display:grid;place-items:center;border:1.5px solid var(--ink);font-size:21px;font-weight:400;line-height:1}.site-header nav{display:flex;gap:clamp(20px,3vw,48px)}.site-header nav a{text-decoration:none;font-size:13px;font-weight:650;transition:color .2s ease}.site-header nav a:hover,.site-footer a:hover{color:var(--accent)}.header-index{color:var(--muted);font-size:11px;letter-spacing:.08em}.hero{min-height:min(760px,calc(100svh - 74px));padding:clamp(48px,6vw,96px) clamp(22px,4vw,76px) 32px;position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);align-items:center;isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.95%,rgba(80,79,72,.13) 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.94%,rgba(80,79,72,.1) 50%,transparent 50.06%);-webkit-mask-image:radial-gradient(ellipse 70% 78% at 72% 50%,black,transparent);mask-image:radial-gradient(ellipse 70% 78% at 72% 50%,black,transparent)}.hero-copy{position:relative;z-index:2;padding-bottom:55px}.eyebrow,.section-kicker,.hero-footer,.object-caption,.file-no,.file-type,.file-year,.file-abstract>span,.site-footer{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;letter-spacing:.08em}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.eyebrow-rule{height:1px;width:35px;background:var(--ink);opacity:.5}.hero h1{margin:32px 0 26px;font-size:clamp(4rem,8vw,6rem);line-height:1.08;letter-spacing:-.035em;font-weight:760;text-wrap:balance}.hero-intro{max-width:28ch;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.75;font-weight:450}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:48px}.hero-actions a{text-decoration:none;font-size:14px;font-weight:680}.hero-actions a span,.contact-links a span{display:inline-block;margin-left:28px;transition:transform .25s ease}.hero-actions a:hover span,.contact-links a:hover span{transform:translate(3px,-3px)}.action-primary{min-width:165px;min-height:52px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}.action-primary:hover{background:#303630}.action-text{padding:12px 0;border-bottom:1px solid var(--ink)}.hero-object{height:min(540px,58vw);min-height:370px;position:relative;perspective:1000px}.object-orbit{position:absolute;left:50%;top:49%;border:1px solid rgba(103,99,89,.33);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:min(500px,96%);height:min(360px,72%)}.orbit-two{width:min(375px,75%);height:min(265px,54%);transform:translate(-50%,-50%) rotate(32deg)}.object-slab{position:absolute;top:48%;left:50%;width:clamp(245px,25vw,350px);height:clamp(315px,31vw,430px);border:1px solid #6f736b;background:#e1dfd9;box-shadow:12px 17px #1d201b1f}.slab-back{transform:translate(-37%,-55%) rotate(13deg) skewY(-4deg);background:#cdcac3;display:flex;flex-direction:column;justify-content:space-between;padding:20px;font:700 12px Arial Narrow,Arial,sans-serif;letter-spacing:.12em}.slab-back>span{font-size:60px;line-height:1}.slab-middle{transform:translate(-58%,-51%) rotate(-11deg) skewY(3deg);background:#d8d7d0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;font:700 12px Arial Narrow,Arial,sans-serif;letter-spacing:.1em}.slab-middle>span{font-size:60px;line-height:1}.slab-front{transform:translate(-50%,-50%) rotate(-1deg);background:var(--field);border:2px solid var(--ink);padding:25px 25px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:14px 22px #14171429}.slab-front:after{content:"";position:absolute;right:0;top:0;height:36%;width:7px;background:var(--accent)}.slab-top,.slab-bottom{display:flex;justify-content:space-between;gap:15px;font:700 11px Arial Narrow,Arial,sans-serif;letter-spacing:.1em}.slab-top{border-bottom:1px solid var(--ink);padding-bottom:17px}.slab-bottom{border-top:1px solid var(--ink);padding-top:15px}.slab-front strong{font:800 clamp(62px,7vw,96px) "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.045em}.object-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;line-height:1.5}.object-caption span:last-child{text-align:right}.hero-footer{position:absolute;bottom:25px;left:clamp(22px,4vw,76px);right:clamp(22px,4vw,76px);display:flex;align-items:center;gap:18px;font-size:10px;font-weight:700}.hero-footer-line{height:1px;flex:1;background:var(--line)}.section-wrap{padding:clamp(70px,8vw,130px) clamp(22px,4vw,76px);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading h2,.contact-section h2{margin:12px 0 0;font-size:clamp(2.8rem,5vw,4.6rem);letter-spacing:-.035em;line-height:1.15}.section-kicker{display:inline-block;font-size:11px;font-weight:700}.section-heading p{max-width:31ch;margin:0 0 7px;color:var(--muted);line-height:1.75;font-size:14px}.archive-section{background:var(--field)}.archive-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-button{min-height:42px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 15px;cursor:pointer;font-size:13px;font-weight:640}.filter-button span{margin-left:16px;font:700 11px Arial Narrow,Arial,sans-serif;opacity:.65}.filter-button:hover{border-color:var(--ink)}.filter-button.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.archive-list{border-top:1px solid var(--ink)}.archive-file{border-bottom:1px solid var(--line)}.archive-file[hidden]{display:none}.archive-file summary{list-style:none;min-height:132px;display:grid;grid-template-columns:88px minmax(0,1fr) 70px 32px;gap:18px;align-items:center;cursor:pointer;transition:background .2s ease,padding .25s ease}.archive-file summary::-webkit-details-marker{display:none}.archive-file summary:hover{background:#ebe8e2;padding-inline:12px}.archive-file[open] summary{background:#e8e5e1;padding-inline:12px}.file-no{color:var(--muted);font-size:13px;font-weight:700}.file-main{display:flex;flex-direction:column;align-items:start;min-width:0;gap:7px}.file-type{color:#84532e;font-size:11px;font-weight:700}.file-main strong{font-size:clamp(20px,2.2vw,31px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.file-main>span:last-child{color:var(--muted);font-size:13px;line-height:1.5}.file-year{font-size:12px;color:var(--muted)}.file-arrow{justify-self:end;font-size:23px;transition:transform .25s ease}.archive-file[open] .file-arrow{transform:rotate(90deg);color:var(--accent)}.file-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(210px,.75fr) auto;align-items:end;gap:clamp(25px,4vw,60px);padding:28px 20px 38px 120px;border-top:1px solid var(--line);background:#e8e5e1}.file-abstract>span{font-size:11px;font-weight:700}.file-abstract p{max-width:61ch;margin:14px 0 0;line-height:1.85;font-size:15px}.file-detail dl{margin:0;display:grid;gap:15px}.file-detail dt{color:var(--muted);font-size:11px;margin-bottom:5px}.file-detail dd{margin:0;line-height:1.55;font-size:13px}.file-detail a{white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;font-size:13px;font-weight:700}.file-detail a:hover{color:var(--accent);border-color:var(--accent)}.about-section{background:#1d211e;color:#f0eee9}.about-section .section-kicker{color:#e6965b}.about-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(40px,8vw,145px);margin-top:clamp(50px,7vw,110px)}.about-lead{max-width:22ch;margin:0;font-size:clamp(27px,3.1vw,46px);line-height:1.55;letter-spacing:-.025em;text-wrap:pretty}.about-notes{border-top:1px solid #73786f;padding-top:20px;align-self:end}.about-notes p{max-width:55ch;margin:0 0 18px;font-size:15px;line-height:1.85;color:#d5d8d0}.about-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.about-topics span{border:1px solid #777d73;padding:9px 12px;font:700 10px Arial Narrow,Arial,sans-serif;letter-spacing:.07em}.contact-section{min-height:430px;display:flex;flex-direction:column;align-items:start;justify-content:center}.contact-section h2{margin-top:15px}.contact-section p{margin:17px 0 40px;line-height:1.7;color:var(--muted)}.contact-links{display:flex;flex-wrap:wrap;gap:18px}.contact-links a{min-width:175px;padding:16px;text-decoration:none;border:1px solid var(--ink);display:flex;justify-content:space-between;font-size:14px;font-weight:700}.contact-links a:first-child{background:var(--ink);color:#fff}.contact-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.site-footer{border-top:1px solid var(--line);padding:24px clamp(22px,4vw,76px);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:var(--muted)}.site-footer a{text-underline-offset:3px}@media(max-width:960px){.header-index{display:none}.hero{min-height:660px;grid-template-columns:1fr 1fr}.hero-object{transform:scale(.86);transform-origin:center}.file-detail{grid-template-columns:1fr 1fr;padding-left:105px}.file-detail a{grid-column:1 / -1;justify-self:start}}@media(max-width:700px){.site-header{height:62px;gap:10px}.site-mark{font-size:10px;gap:8px}.mark-cross{width:23px;height:23px;font-size:18px}.site-header nav{gap:17px}.site-header nav a{font-size:12px}.hero{display:block;min-height:0;padding-top:95px;padding-bottom:115px}.hero-copy{padding:0}.hero h1{margin-top:26px;font-size:clamp(3.7rem,16vw,6rem)}.hero-intro{max-width:26ch}.hero-actions{margin-top:37px;gap:20px}.hero-object{height:350px;min-height:0;width:100%;margin:28px auto -20px;transform:scale(.78)}.object-slab{width:260px;height:310px}.slab-front strong{font-size:69px}.object-caption{display:none}.section-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:32px}.archive-file summary{grid-template-columns:48px minmax(0,1fr) 25px;gap:10px;min-height:124px}.file-year{display:none}.file-main strong{font-size:21px}.file-main>span:last-child{font-size:12px}.file-detail{display:block;padding:22px 20px 30px}.file-detail dl{margin-top:22px}.file-detail a{display:inline-block;margin-top:28px}.about-layout{display:block;margin-top:55px}.about-lead{max-width:25ch}.about-notes{margin-top:55px}}@media(max-width:420px){.site-header nav{gap:12px}.site-mark span:last-child{font-size:0}.site-mark span:last-child:after{content:"MJC";font-size:10px}.hero-actions{align-items:stretch;flex-direction:column;gap:8px;max-width:220px}.action-text{align-self:start}.hero-object{margin-top:8px;margin-bottom:-30px;transform:scale(.67);transform-origin:50% 50%}.archive-toolbar{gap:6px}.filter-button{font-size:12px;padding:9px 11px}.filter-button span{margin-left:7px}.site-footer{display:block}.site-footer>*{display:block;margin-bottom:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
