.quiet { --bg:#fff; --paper:#fff; --paper-2:#faf9f7; --ink:#272622; --muted:#77746f; --line:#e7e5e1; color-scheme:light; }
.quiet body { margin:0; background:#fff!important; color:#272622; font-family:Georgia,'Times New Roman','Songti SC','SimSun',serif; font-size:12px; }
.quiet * {box-sizing:border-box}
.quiet a {color:inherit;text-decoration:none}
.quiet button {font:inherit;color:inherit}
.quiet .archive-header {position:fixed!important;inset:0 auto 0 0!important;width:174px!important;height:100vh!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;padding:40px 36px!important;background:#faf9f7!important;border:0!important;border-right:1px solid #eeece8!important;z-index:30;box-shadow:none!important;backdrop-filter:none!important}
.quiet .archive-header .brand {display:block!important;font-family:Georgia,serif;font-size:21px!important;font-weight:400!important;letter-spacing:1px!important;line-height:1.3}
.quiet .brand span {display:block;font-size:12px;margin-top:5px;letter-spacing:2px}
.quiet .archive-nav {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:23px!important;margin-top:64px!important;flex-wrap:nowrap!important}
.quiet .archive-nav a {font-size:12px!important;font-weight:400!important;padding:0!important;background:none!important;border:0!important;position:relative}
.quiet .archive-nav a.active:before {content:'·';position:absolute;left:-14px}
.quiet .nav-edition {margin-top:auto!important;font-size:9px!important;line-height:1.9;opacity:.65}
.quiet main.shell,.quiet .quiet-main {margin:0 0 0 174px!important;width:calc(100% - 174px)!important;max-width:none!important}
.quiet main.shell {padding:64px 48px!important}
.quiet .catalog-footer {margin-left:174px!important;background:#fff!important;padding:28px 42px!important;border-top:1px solid #e7e5e1;font-size:10px;display:flex;justify-content:space-between;gap:20px}
.quiet main img,.quiet main video {filter:saturate(.42) contrast(.94);transition:filter .65s ease;cursor:pointer}
.quiet main h1 {font-weight:400!important;font-size:42px!important}
.quiet main h2 {font-weight:400!important;font-size:21px!important}
.quiet main h3 {font-weight:400!important;font-size:15px!important}
.quiet .page-intro,.quiet .section,.quiet .work-tile,.quiet .reading-item {background:transparent!important;box-shadow:none!important}
.quiet .q-hero {position:relative;height:560px;background:#eeede9;overflow:hidden}
.quiet .q-hero>img {width:100%;height:100%;object-fit:cover;object-position:center}
.quiet .q-hero:after {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(250,249,247,.95),rgba(250,249,247,.72) 28%,transparent 66%)}
.quiet .q-identity {position:absolute;z-index:1;left:5.5%;top:80px;pointer-events:none}
.quiet .q-identity h1 {font-size:65px!important;letter-spacing:8px;margin:24px 0 6px}
.quiet .q-identity h2 {font-size:28px!important;margin:0 0 28px}
.quiet .q-identity p {line-height:1.9;letter-spacing:.6px}
.quiet .q-identity a {display:inline-block;pointer-events:auto;margin-top:22px}
.quiet .q-body {padding:0 40px}
.quiet .q-section {padding:34px 0;border-bottom:1px solid #e7e5e1}
.quiet .q-heading {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:23px;gap:16px}
.quiet .q-heading h2 {margin:0;font-size:19px!important}
.quiet .q-heading small {font-size:10px;margin-left:12px;font-weight:400}
.quiet .q-heading>a {font-size:11px;color:#777}
.quiet .q-about {display:grid;grid-template-columns:1fr 1.6fr .85fr;gap:36px;align-items:center}
.quiet .q-about p {line-height:2.1;color:#69655f;margin:22px 0 28px}
.quiet .q-about img {width:100%;height:225px;object-fit:cover}
.quiet .q-about aside {display:grid;gap:25px;font-size:11px}
.quiet [data-color] {display:block;padding:0;border:0;background:none;width:100%;cursor:pointer;text-align:left}
.quiet [data-color]:focus-visible,.quiet a:focus-visible {outline:1px solid #686257;outline-offset:5px}
.quiet .q-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.quiet .q-grid img {display:block;width:100%;aspect-ratio:1.3;object-fit:cover}
.quiet .q-grid h3 {font-size:12px!important;margin:12px 0 5px;line-height:1.6}
.quiet .q-grid p {margin:0;font-size:10px;color:#888;line-height:1.6}
.quiet .q-grid time {display:block;margin-bottom:14px;font-size:15px}
.quiet .q-exhibits {grid-template-columns:repeat(5,minmax(0,1fr))}
.quiet .q-exhibits img {aspect-ratio:1.5}
.quiet .q-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:40px 0 50px}
.quiet .q-columns>section+section {border-left:1px solid #e7e5e1;padding-left:28px}
.quiet .q-row {display:flex;gap:15px;padding:15px 0;line-height:1.8;font-size:11px}
.quiet .q-row time {font-size:10px;color:#888;min-width:38px}
.quiet .q-note {font-size:10px;color:#89857e;letter-spacing:.5px}
@media(min-width:1600px){.quiet .q-body{padding:0 65px}.quiet .q-hero{height:650px}}
@media(max-width:1000px){.quiet .archive-header{width:140px!important;padding:30px 24px!important}.quiet main.shell,.quiet .quiet-main{margin-left:140px!important;width:calc(100% - 140px)!important}.quiet .catalog-footer{margin-left:140px!important}.quiet .q-body{padding:0 25px}.quiet .q-about{grid-template-columns:1fr 1.3fr}.quiet .q-about aside{display:none}.quiet .q-exhibits{grid-template-columns:repeat(3,minmax(0,1fr))}.quiet .q-grid{gap:15px}.quiet .q-identity h1{font-size:52px!important}}
@media(max-width:680px){.quiet .archive-header{position:relative!important;width:100%!important;height:auto!important;padding:22px!important}.quiet .archive-nav{flex-direction:row!important;flex-wrap:wrap!important;gap:18px!important;margin-top:24px!important}.quiet .nav-edition{display:none!important}.quiet main.shell,.quiet .quiet-main{margin:0!important;width:100%!important}.quiet main.shell{padding:32px 22px!important}.quiet .catalog-footer{margin-left:0!important;padding:24px!important;flex-wrap:wrap}.quiet .q-hero{height:480px}.quiet .q-identity{left:24px;top:60px}.quiet .q-identity h1{font-size:45px!important}.quiet .q-about,.quiet .q-columns{grid-template-columns:1fr}.quiet .q-grid,.quiet .q-exhibits{grid-template-columns:repeat(2,minmax(0,1fr))}.quiet .q-columns>section+section{border-left:0;border-top:1px solid #e7e5e1;padding:25px 0 0}.quiet .q-heading small{display:block;margin:8px 0 0}.quiet .q-body{padding:0 22px}}
@media(prefers-reduced-motion:reduce){.quiet *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Override the original dark gallery palette only in the second option. */
.quiet body,.quiet .archive-header,.quiet .archive-header a,.quiet .archive-header .brand,.quiet main,.quiet main h1,.quiet main h2,.quiet main h3,.quiet main p,.quiet main a,.quiet main .meta,.quiet .catalog-footer {color:#37342f!important}
.quiet main img,.quiet main video,.quiet main a:hover img {filter:saturate(.42) contrast(.94)!important}
.quiet .archive-header .brand span {display:block!important;color:#57534e!important;font-size:12px!important}
.quiet main button,.quiet main select,.quiet main input {background:#fff!important;color:#49453f!important;border:1px solid #e1ded8!important}
.quiet main [data-color] {border:0!important}
.quiet main .work-tile,.quiet main .work-card,.quiet main .archive-row {color:#37342f!important;background:#fff!important}

/* Hover reveals original color; keyboard focus provides the same preview. */
.quiet main img:hover,.quiet main video:hover,.quiet main a:hover img,.quiet main a:focus-visible img,.quiet main [data-color]:hover img,.quiet main [data-color]:focus-visible img {filter:none!important}
/* White editorial pages: applied before first paint, with compact artwork thumbnails. */
html.quiet {background:#fff!important;--fg:#37342f;--bg:#fff;--line:#e7e5e1}
.quiet body {animation:none!important}
.quiet .ambient-field,.quiet .page-transition,.quiet .interaction-ripple {display:none!important}
.quiet .archive-header {transition:none!important}
.quiet [data-reveal],.quiet [data-motion-reveal] {opacity:1!important;transform:none!important;filter:none!important}
.quiet main.shell {padding:82px clamp(40px,6vw,100px) 110px!important}
.quiet main.shell>section,.quiet main.shell>.explorer-tools,.quiet main.shell>#explorer-grid,.quiet main.shell>#explorer-count {max-width:1080px;margin-left:auto;margin-right:auto}
.quiet main.shell h1 {font-size:28px!important;line-height:1.5!important;letter-spacing:.03em!important}
.quiet main.shell h2 {font-size:18px!important;line-height:1.65!important}
.quiet main.shell h3 {font-size:13px!important;line-height:1.7!important}
.quiet main.shell p {font-size:12px!important;line-height:1.9!important}
.quiet main.shell .meta,.quiet main.shell time {font-size:10px!important;line-height:1.8!important;letter-spacing:.03em!important;color:#858079!important}
.quiet .archive-opening,.quiet .page-intro {min-height:0!important;padding:0 0 38px!important;margin-bottom:30px!important}
.quiet .explorer-tools {background:#fff!important;padding:20px 0!important;border-top:1px solid #e7e5e1!important;border-bottom:1px solid #e7e5e1!important;gap:20px!important;flex-wrap:wrap}
.quiet .explorer-tools button,.quiet .explorer-tools input,.quiet .explorer-tools select,.quiet .explorer-tools label {font-size:11px!important;line-height:1.6!important;min-height:0!important}
.quiet .explorer-tools button,.quiet .explorer-tools input,.quiet .explorer-tools select {padding:7px 10px!important;border-radius:0!important}
.quiet .explorer-views button.active {background:#f1efeb!important}
.quiet #explorer-count {padding:20px 0 0!important;font-size:10px!important;color:#89847c!important}
.quiet #explorer-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:54px 30px!important;padding:28px 0 70px!important}
.quiet #explorer-grid .explorer-card {display:block!important;padding:0!important;min-width:0;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important}
.quiet #explorer-grid .explorer-card figure {margin:0 0 17px!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;background:#f6f5f3!important;overflow:hidden}
.quiet #explorer-grid .explorer-card img {width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.quiet #explorer-grid .explorer-card>div {padding:0!important;border:0!important}
.quiet #explorer-grid .explorer-card h2 {font-size:13px!important;margin:5px 0!important;font-weight:400!important}
.quiet #explorer-grid .explorer-card p {font-size:10px!important;line-height:1.7!important;color:#89847c!important;margin:0!important}
.quiet #explorer-grid.list-view {grid-template-columns:1fr!important;gap:0!important}
.quiet #explorer-grid.list-view .explorer-card {display:grid!important;grid-template-columns:100px 1fr!important;gap:28px!important;padding:24px 0!important;border-bottom:1px solid #e7e5e1!important}
.quiet #explorer-grid.list-view .explorer-card figure {margin:0!important}
.quiet .catalog-grid,.quiet .work-rail {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:40px!important}
.quiet .work-tile figure {height:auto!important;aspect-ratio:4/3!important}
.quiet .work-tile img {height:100%!important;object-fit:cover!important}
.quiet .page-intro figure,.quiet .visual-intro figure {max-width:320px!important;max-height:210px!important}
.quiet .practice-overview,.quiet .practice-writing-grid,.quiet .media-now-grid {gap:42px!important}
.quiet .practice-card figure,.quiet .media-now-grid figure {max-height:200px!important}
.quiet .about-hero figure {height:360px!important;max-width:360px!important}
.quiet .q-body {padding-left:clamp(30px,5vw,80px);padding-right:clamp(30px,5vw,80px)}
.quiet .q-section {padding-top:48px;padding-bottom:48px}
@media(max-width:1150px){.quiet #explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:44px 26px!important}.quiet main.shell{padding:60px 36px 80px!important}}
@media(max-width:680px){.quiet #explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 20px!important}.quiet main.shell{padding:38px 22px 64px!important}.quiet main.shell h1{font-size:24px!important}.quiet .explorer-inputs{flex-wrap:wrap!important;gap:12px!important}.quiet .catalog-grid,.quiet .work-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.quiet .q-body{padding:0 22px}}
.quiet #explorer-grid[hidden],.quiet #explorer-grid.is-filtered-out,.quiet #explorer-grid .explorer-card[hidden],.quiet #explorer-grid .explorer-card.is-filtered-out,.quiet #chapter-view[hidden] {display:none!important}