/* tiny exhibit — feature-led editorial home */
:root { --paper:#f2eee6; --paper-light:#fbf9f4; --ink:#272522; --ink-soft:#655f58; --muted:#958d84; --rust:#a84932; --gold:#bd9558; --line:#c9c1b7; --night:#183039; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;padding:18px 32px 0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;line-height:1.7} a{color:inherit} .masthead,main,footer,.detail-header{width:min(100%,1280px);margin-inline:auto}.masthead{border-top:1px solid var(--ink);border-bottom:2px solid var(--ink);padding:11px 0 13px}.masthead-topline,.masthead-bottomline,.detail-header{display:flex;justify-content:space-between;gap:20px;font:10px/1.3 "SF Mono","DM Mono",monospace;letter-spacing:.12em}.masthead-title{margin:27px 0 21px;text-align:center;font:500 clamp(48px,8vw,96px)/.86 Georgia,"Noto Serif TC",serif;letter-spacing:-.075em}.masthead-title em,.back-link em{color:var(--rust);font-weight:400}.masthead-bottomline{padding-top:9px;border-top:1px solid var(--line);color:var(--ink-soft)}main{padding-top:34px}.section-kicker{display:block;color:var(--rust);font:10px/1.35 "SF Mono","DM Mono",monospace;letter-spacing:.13em}.house-note{display:grid;grid-template-columns:.95fr 1.2fr auto;gap:36px;align-items:start;padding:0 0 31px;border-bottom:1px solid var(--ink)}h1,h2,h3{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;letter-spacing:-.045em}.house-note h1{margin:7px 0 0;font-size:clamp(30px,3.2vw,48px);line-height:1.15}.house-note>p{max-width:510px;margin:19px 0 0;font:17px/1.85 "Noto Serif TC",serif;color:var(--ink-soft)}.house-stamp{margin-top:11px;color:rgba(143,61,43,.7);font:10px/1.1 "SF Mono",monospace;letter-spacing:.1em;text-align:center;transform:rotate(-8deg)}section{padding:45px 0}.section-intro h2,.section-heading h2{margin:5px 0 0;font-size:clamp(31px,3.5vw,48px);line-height:1.15}.featured-section{border-bottom:1px solid var(--ink)}.featured-card{display:grid;grid-template-columns:1fr 1.08fr .53fr;gap:28px;align-items:stretch;margin-top:22px}.featured-copy{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0}.featured-copy h3{margin:16px 0;font-size:clamp(31px,3.8vw,57px);line-height:1.08}.featured-copy p{margin:0;color:var(--ink-soft);font:16px/1.85 "Noto Serif TC",serif}.read-link,.text-link,.archive-link a{display:inline-block;margin-top:27px;padding-bottom:3px;border-bottom:1px solid var(--ink);text-decoration:none;font:10px/1.2 "SF Mono","DM Mono",monospace;letter-spacing:.09em}.featured-card figure{margin:0;background:#ddd4c7;overflow:hidden}.featured-card figure img{display:block;width:100%;height:100%;min-height:470px;object-fit:cover;filter:saturate(.88)}.featured-note{border-left:1px solid var(--line);padding:18px 0 0 19px;color:var(--ink-soft);font:14px/1.75 "Noto Serif TC",serif}.featured-note p{margin:13px 0}.signature{color:var(--muted);font-size:.88em;text-align:right}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-aside{color:var(--muted);font-size:13px}.recent-section{border-bottom:1px solid var(--ink)}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px}.recent-card{border-top:1px solid var(--ink);padding-top:12px}.recent-image{display:block;margin:13px 0 15px;background:#ddd4c7;overflow:hidden}.recent-image img{display:block;width:100%;aspect-ratio:1/.87;object-fit:cover;transition:transform .45s ease}.recent-card:hover img{transform:scale(1.025)}.recent-card h3{margin:9px 0;font-size:clamp(22px,2vw,30px);line-height:1.23}.recent-card h3 a{text-decoration:none}.recent-card p{margin:0;color:var(--ink-soft);font:14px/1.72 "Noto Serif TC",serif}.recent-card .text-link{margin-top:16px}.archive-link{margin:30px 0 0;text-align:right}.quotes-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px}.quotes-title h2{margin:6px 0;font-size:clamp(31px,3.4vw,48px);line-height:1.18}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote-card{margin:0;border-top:1px solid var(--ink);padding-top:12px;font:17px/1.7 "Noto Serif TC",serif}.quote-card cite{display:block;margin-top:15px;color:var(--muted);font:9px/1.5 "SF Mono","DM Mono",monospace;letter-spacing:.07em;font-style:normal}footer{border-top:1px solid var(--line);padding:28px 0 34px;color:var(--muted);font-size:12px;text-align:center}footer p{margin:0}.credit{margin-top:9px!important;font:10px "SF Mono",monospace;letter-spacing:.1em}.credit a{text-decoration:none}.loading-note{color:var(--muted)}
/* detail and archive */
.detail-page,.archive-page{background:var(--paper-light)}.detail-header{padding:11px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);color:var(--ink-soft)}.back-link{text-decoration:none;font:500 21px/1 Georgia,"Noto Serif TC",serif;letter-spacing:-.04em}.postcard-detail{width:min(100%,780px);margin:0 auto;padding:55px 0}.postcard-detail h1,.archive-heading h1{margin:12px 0 25px;font-size:clamp(37px,5vw,65px);line-height:1.12}.postcard-detail figure{margin:25px 0}.postcard-detail figure img{display:block;width:100%}.postcard-body{font:18px/2 "Noto Serif TC",serif;color:#45403b}.postcard-body p{margin:0 0 1.35em}.postcard-body a{color:var(--rust);text-decoration-thickness:1px;text-underline-offset:3px}.return-link{margin-top:36px}.archive-heading{padding:55px 0 31px;border-bottom:2px solid var(--ink)}.archive-heading p{margin:0;color:var(--ink-soft);font:17px/1.8 "Noto Serif TC",serif}.archive-list{padding:0 0 46px}.archive-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.archive-row h2{margin:0;font-size:clamp(21px,2.4vw,34px);line-height:1.25}.archive-row h2 a{text-decoration:none}.archive-row .text-link{margin:0;white-space:nowrap}
@media(max-width:800px){body{padding:12px 16px 0}.masthead-title{margin:22px 0 18px}.masthead-topline,.masthead-bottomline{font-size:8px}.masthead-bottomline span:last-child{display:none}.house-note,.featured-card,.quotes-section{grid-template-columns:1fr}.house-note{gap:10px}.house-note>p{margin-top:5px}.house-stamp{display:none}.featured-card{gap:20px}.featured-copy{padding:0}.featured-card figure{order:-1}.featured-card figure img{min-height:0;aspect-ratio:1/.86}.featured-note{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.section-heading{align-items:start;flex-direction:column}.recent-grid,.quote-grid{grid-template-columns:1fr}.recent-card{display:grid;grid-template-columns:115px 1fr;column-gap:15px}.recent-card .recent-image{grid-row:span 4;margin:0}.recent-card .recent-image img{height:100%;aspect-ratio:auto}.recent-card h3{font-size:23px}.recent-card p{font-size:13px}.recent-card .text-link{margin-top:10px;align-self:start}.archive-link{text-align:left}.archive-row{grid-template-columns:1fr;gap:8px}.archive-row .text-link{margin-top:5px}.postcard-detail{padding:37px 0}.postcard-body{font-size:16px}.detail-header{font-size:9px}}

/* pocket notes: a short home preview and a complete notebook */
.quotes-note{max-width:220px;margin:18px 0 0;color:var(--ink-soft);font:14px/1.75 "Noto Serif TC",serif}.quotes-archive-link{display:inline-block;margin-top:18px}.quote-notebook{padding:0 0 55px;counter-reset:pocket-note}.quote-entry{counter-increment:pocket-note;display:grid;grid-template-columns:105px minmax(0,1fr);gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}.quote-number{padding-top:5px;color:var(--rust);font:10px/1.35 "SF Mono","DM Mono",monospace;letter-spacing:.13em}.quote-number:after{content:"NOTE " counter(pocket-note, decimal-leading-zero)}.quote-entry blockquote{margin:0;max-width:850px;font:clamp(23px,3vw,39px)/1.55 Georgia,"Noto Serif TC",serif;letter-spacing:-.025em}.quote-entry cite{display:block;margin-top:16px;color:var(--ink-soft);font:11px/1.65 "SF Mono","DM Mono",monospace;font-style:normal;letter-spacing:.04em}.quote-entry details{margin-top:15px;max-width:780px;color:var(--ink-soft);font:14px/1.8 "Noto Serif TC",serif}.quote-entry summary{width:max-content;cursor:pointer;color:var(--rust);font:10px/1.4 "SF Mono","DM Mono",monospace;letter-spacing:.1em}.quote-entry details p{margin:10px 0 0}
@media(max-width:800px){.quotes-note{max-width:none}.quote-entry{grid-template-columns:1fr;gap:8px;padding:24px 0}.quote-entry blockquote{font-size:24px}.quote-entry details{font-size:13px}}