/* Four image entrances retain the original full-height book / house pair. */
.portal-mosaic{grid-template-columns:1fr 1fr 1.125fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
.portal-essays{grid-column:1;grid-row:1/3}
.portal-research{grid-column:2;grid-row:1/3}
.portal-writing{grid-column:3;grid-row:1}
.portal-translation{grid-column:3;grid-row:2}
.portal-writing .portal-pictures,.portal-translation .portal-pictures{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;height:100%;background:#ccc}
.portal-writing img,.portal-translation img{width:100%;height:100%;object-fit:contain;min-height:0}
.portal-translation .portal-caption strong .en{font-size:1.04em}

/* Live type takes the place of the social-post screenshots. */
.translation-intro{display:grid;grid-template-columns:1fr 1.14fr;gap:8%;padding:64px 0 56px;border-bottom:1px solid #999;align-items:start}
.translation-heading h1{font-size:clamp(52px,6vw,96px);letter-spacing:-.06em;line-height:1.02;margin:32px 0 0;font-weight:800}
.translation-heading h1 b,.translation-heading h1 em{display:block}
.translation-heading h1 em{font-family:var(--serif);font-style:italic;font-weight:400;line-height:1.12}
.translation-heading h1 .zh em{font-style:normal;letter-spacing:.02em;margin-top:7px}
.venn-imprint{font:80px/.9 var(--sans);letter-spacing:-.12em;margin-top:46px;width:max-content;position:relative}
.venn-imprint span{font-weight:800}.venn-imprint i{font:italic 1em/.9 var(--serif);font-weight:400}
.translation-preface{font:16px/1.9 var(--serif);max-width:680px;padding-top:6px}
.translation-preface p+p{margin-top:24px}
.translation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:38px 0 46px}
.translation-card{min-width:0;display:block}
.translation-card:hover .translation-card-caption p{text-decoration:underline;text-underline-offset:5px}
.translation-card:focus-visible{outline:2px solid #151515;outline-offset:6px}
.translation-card-caption{padding:20px 0 0}
.translation-card-caption p{font-size:17px;font-weight:600;line-height:1.6;margin-bottom:9px}
.translation-card-caption>span{font-size:11px;line-height:1.6;color:#555}
.translation-poster{container-type:inline-size;position:relative;min-width:0;aspect-ratio:3/4;overflow:hidden;background:#c3c3c3;color:#151515;isolation:isolate;padding:24px;display:flex;flex-direction:column}
.poster-index{position:relative;z-index:2;font:10px/1.2 var(--mono);letter-spacing:.1em;padding-bottom:15px;border-bottom:1px solid currentColor;display:block}
.poster-words{position:relative;z-index:2;margin:auto 0;line-height:1;font-weight:400;letter-spacing:-.05em;width:100%}
.poster-words strong,.poster-words em,.poster-lead{display:block}
.poster-words strong{font-family:var(--sans);font-weight:800;font-size:24cqi;letter-spacing:-.07em}
.poster-words em{font-family:var(--serif);font-size:24cqi;font-weight:400;font-style:normal;letter-spacing:-.045em;line-height:1.2}
.poster-lead{font-family:var(--sans);font-size:9cqi;letter-spacing:-.035em;line-height:1.5;margin-bottom:16px;font-weight:600}
.poster-words .en em{font-style:italic;font-size:30cqi}
.poster-words .en strong{font-size:29cqi}
.poster-words .en .poster-lead{font-size:11cqi;font-weight:400}
.poster-mark{position:absolute;z-index:0;right:20px;bottom:5px;font:italic 70px/1 var(--serif)}
.poster-less-said .poster-words strong{background:#151515;color:#eee;padding:9px 8px 5px;width:100%}
.poster-less-said .poster-words em{margin-top:4px;text-align:right}
.poster-less-said .poster-mark{font:11px var(--mono);bottom:24px}
.poster-my-idea{background:#171717;color:#dedede}
.poster-my-idea .poster-words{padding-top:22px}
.poster-my-idea .poster-words em{text-align:right;font-size:37cqi;margin-top:-7px;position:relative}
.poster-my-idea .poster-words .en em{font-size:36cqi}
.poster-my-idea .poster-mark{color:#777;font-size:85cqi;right:6px;top:3%;line-height:1;opacity:.32}
.poster-frosted-glass{background:#bcbcbc}
.poster-frosted-glass:before{content:'';position:absolute;inset:21% 10% 12% 26%;border:1px solid #777;transform:translate(4%,0);z-index:1;background:#d3d3d34d}
.poster-frosted-glass .poster-words{padding-top:25px}
.poster-frosted-glass .poster-words strong{font-weight:400;font-family:var(--serif);font-size:21cqi;padding:8px 0 10px}
.poster-frosted-glass .poster-words em{font-size:22cqi;letter-spacing:-.05em;white-space:nowrap}
.poster-frosted-glass .poster-words .en strong{font-size:21cqi;font-style:italic}
.poster-frosted-glass .poster-words .en em{font-size:27cqi}
.poster-frosted-glass .poster-mark{font-size:64cqi;color:#999;opacity:.5;bottom:2%;right:-3%;filter:blur(1.5px)}
.translation-reader{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:7%;align-items:start;margin:44px 0 54px}
.translation-cover{position:sticky;top:110px;min-width:0}
.translation-cover .translation-poster{max-height:calc(100svh - 140px);min-height:410px;aspect-ratio:3/4}
.translation-article{min-width:0;max-width:760px}
.translation-article .article-heading .kicker{margin-bottom:22px}
.translation-article .article-heading h1{font-size:clamp(28px,2.8vw,46px);font-weight:500;line-height:1.3}
.translation-work{font:12px/1.6 var(--sans);margin-top:22px;color:#555}
.translation-source-note{font:11px/1.8 var(--sans);color:#666;margin-top:20px}
.translation-article .prose blockquote{border-left:2px solid #151515;padding:12px 0 12px 24px;margin:32px 0;font-size:1.12em;line-height:1.85}
.translation-related{border-top:1px solid #999;margin-top:42px;display:flex;flex-direction:column}
.translation-related a{display:flex;align-items:baseline;gap:22px;font-size:13px;line-height:1.6;padding:18px 0;border-bottom:1px solid #aaa}
.translation-related .translation-return{font-weight:600}
.translation-related a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:761px) and (max-aspect-ratio:4/3){
 .portal-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1.5fr) minmax(0,1fr)}
 .portal-essays{grid-column:1;grid-row:1}.portal-research{grid-column:2;grid-row:1}
 .portal-writing{grid-column:1;grid-row:2}.portal-translation{grid-column:2;grid-row:2}
}
@media(max-width:1100px){
 .translation-intro{gap:6%;grid-template-columns:1fr 1.2fr;padding:40px 0}
 .translation-heading h1{font-size:clamp(42px,6vw,68px)}
 .translation-preface{font-size:14px}
 .translation-grid{gap:14px}.translation-poster{padding:18px}
 .translation-card-caption p{font-size:15px}.translation-card-caption>span{font-size:10px}
 .translation-reader{gap:5%;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
 .translation-cover .translation-poster{min-height:0}
 .translation-article .prose{font-size:16px}
 .site-header .nav{gap:25px}
}
@media(max-width:760px){
 .home .page-sheet{min-height:calc(100svh - 32px)}
 .home main{display:flex}.home .portal-mosaic{flex:1}
 .portal-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-items:stretch}
 .portal-essays{grid-column:1;grid-row:1}.portal-research{grid-column:2;grid-row:1}
 .portal-writing{grid-column:1;grid-row:2}.portal-translation{grid-column:2;grid-row:2}
 .portal-pictures{height:auto;flex:1}.portal-writing .portal-pictures,.portal-translation .portal-pictures{height:auto;flex:1}
 .portal-writing img,.portal-translation img{height:auto;aspect-ratio:1/1;object-fit:contain}
 .portal-writing .portal-caption strong,.portal-translation .portal-caption strong{font-size:clamp(22px,15cqi,38px)}
 .portal-writing .portal-caption strong .en,.portal-translation .portal-caption strong .en{font-size:1.02em}
 .portal-translation .portal-caption strong .en{font-size:.9em;letter-spacing:-.075em}
 .portal-caption{min-height:99px}.portal-caption small{font-size:9px}
 .translation-intro{grid-template-columns:1fr;padding:30px 0 34px;gap:28px}
 .translation-heading{position:relative}.translation-heading h1{font-size:clamp(47px,14vw,76px);margin:23px 0 0;max-width:100%}
 .venn-imprint{position:absolute;right:0;bottom:3px;font-size:43px;margin:0}
 html[data-lang=en] .venn-imprint{display:none}
 .translation-preface{font-size:15px;line-height:1.95}
 .translation-preface p+p{margin-top:18px}
 .translation-grid{grid-template-columns:1fr;gap:36px;margin:28px 0}
 .translation-poster{padding:24px;aspect-ratio:4/4.8}
 .poster-words strong{font-size:22cqi}.poster-words em{font-size:22cqi}
 .translation-card-caption p{font-size:17px}.translation-card-caption>span{font-size:11px}
 .translation-reader{grid-template-columns:1fr;gap:32px;margin:26px 0 35px}
 .translation-cover{position:static}
 .translation-cover .translation-poster{max-height:none;min-height:0;aspect-ratio:4/4.5}
 .translation-article .article-heading h1{font-size:31px}
 .translation-article .prose blockquote{padding-left:18px}
 .translation-article .prose{font-size:16px}
 .site-header .nav{gap:0 25px}
}
@media(prefers-reduced-motion:reduce){.translation-card *{transition:none}}