@font-face{font-family:Caslon;src:url('assets/fonts/LibreCaslonDisplay-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f3f2ec;--ink:#202721;--green:#456153;--muted:#566158;--rule:#bdc3ba;--serif:Caslon,Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}::selection{background:#ccd9cd;color:#15241c}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}img{max-width:100%;height:auto;display:block}p{margin:0 0 1em}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;margin:0;text-wrap:balance}h2{font-size:42px}h3{font-size:29px}em{font-weight:400}ul{padding-left:20px}li{margin-bottom:10px}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:12px}header{margin:0 3.2%;height:66px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:30px}header .wordmark{font-family:var(--serif);font-size:30px;text-decoration:none;white-space:nowrap}.header-note{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0 auto 0 0;border-left:1px solid var(--rule);padding-left:26px}header nav{display:flex;gap:28px;font-size:13px}header nav a{text-decoration:none}.download{padding-left:28px;border-left:1px solid var(--rule);font-size:13px;color:var(--green);white-space:nowrap}.page-layout{max-width:1680px;margin:0 auto;padding:22px 3.2% 0;display:grid;grid-template-columns:145px minmax(0,1fr);gap:40px}.rail{border-right:1px solid var(--rule);padding-top:20px;position:relative}.rail nav{position:sticky;top:32px;display:flex;flex-direction:column;gap:17px;padding-right:15px}.rail a{font-family:var(--serif);font-size:19px;text-decoration:none;color:var(--muted)}.rail a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:8px}.rail>p{font-family:var(--serif);font-size:23px;line-height:1.4;font-style:italic;margin-top:38px;color:var(--muted)}main{min-width:0}section{padding:54px 0;border-bottom:1px solid var(--rule);scroll-margin-top:30px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:38px;padding:0 0 32px}.hero h1{font-size:clamp(76px,8.6vw,132px);letter-spacing:-.035em;line-height:1.04;margin-top:8px}.subtitle{font-family:var(--serif);font-size:30px;font-style:italic;line-height:1.2;margin:4px 0 28px;max-width:24ch}.hero-argument{border-top:1px solid var(--rule);padding-top:20px}.hero h2{font-size:35px;margin-bottom:14px}.hero p:not(.subtitle):not(.source-ref):not(.figure-note){font-size:14px;line-height:1.55}.hero-figure{margin:0}.montage{height:420px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#000;overflow:hidden}.montage img{width:100%;height:100%;object-fit:contain}figcaption{font-size:11px;color:var(--muted);line-height:1.5;margin-top:9px}.figure-note{font-family:var(--serif);font-style:italic;text-align:right;font-size:18px;margin-top:12px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:24px}.section-heading p{font-size:14px;max-width:60ch;margin:0;padding-left:22px;border-left:1px solid var(--rule)}#specimens{padding-top:25px}.table-scroll{overflow-x:auto;scrollbar-color:var(--green) var(--paper)}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:16px 14px;border-bottom:1px solid var(--rule);vertical-align:top}th:first-child,td:first-child{padding-left:0}thead th{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid var(--rule);padding-top:11px;padding-bottom:11px}tbody th{font-weight:400;font-family:var(--serif);font-size:21px}td p{margin:6px 0 0}.specimen-name{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:160px}.specimen-name img{width:70px;height:58px;object-fit:cover;background:black}.specimen-name small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);margin-top:3px}.specimen-table td:nth-child(2){width:36%}.specimen-table td:nth-child(3){width:29%}.muted{color:var(--muted);font-size:12px}.source-ref{font-size:11px;color:var(--green);line-height:1.5;display:inline-block}.table-hint{font-size:11px;color:var(--muted);margin:12px 0 0}.opening{max-width:75ch;font-size:18px}.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:28px 0;padding:20px 0}.legend p{font-size:12px;margin:0}.legend strong{display:block;font-weight:500;margin-bottom:7px;color:var(--green)}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.research-item h3{margin:12px 0 16px}.research-item>p{max-width:70ch}.limitation{font-size:13px;color:var(--muted)}.research-item>a{font-size:13px;color:var(--green)}.evidence{display:inline-block;text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:var(--green);margin-right:16px;font-weight:600}.source-note{font-size:12px;max-width:85ch;color:var(--muted);margin:28px 0 0}.profile{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;padding:38px 0;border-top:1px solid var(--rule);scroll-margin-top:35px}.profile:last-child{padding-bottom:0}.profile h3{font-size:41px;margin-bottom:12px}.profile h3 em{color:var(--green)}.lead-small{font-size:17px;margin-top:20px}.profile dl{font-size:13px;display:grid;grid-template-columns:100px 1fr;column-gap:16px;row-gap:11px}.profile dt{color:var(--green)}dd{margin:0}.profile figure{margin:0}.profile figure img{width:100%;max-height:540px;object-fit:contain;background:black}.annotation{border-top:1px solid var(--rule);margin-top:22px;padding-top:16px;font-size:13px}.annotation p{margin-top:7px}.film-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px}.film-intro dl{margin:0;display:grid;grid-template-columns:110px 1fr;font-size:13px;gap:12px}.film-intro dt{color:var(--green)}.beat-list{list-style:none;padding:0;margin:35px 0}.beat-list li{display:grid;grid-template-columns:64px 1fr;padding:22px 0;margin:0;border-top:1px solid var(--rule)}.beat-number{font-family:var(--serif);font-size:34px;color:var(--green)}.beat-list h3{font-size:29px;margin-bottom:10px}.beat-list p{max-width:75ch}.reading{font-size:13px;color:var(--muted);margin:0}.reading span{color:var(--green)}.ending{padding:28px;background:#e5e8df}.ending h3{margin-bottom:16px}.ending p{max-width:80ch}.ending p:last-child{margin-bottom:0}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.context-block h3{font-size:32px;margin-bottom:8px}.context-block p,.context-block li{font-size:13px}.context-block>p{margin-top:18px}.boundary{border-top:1px solid var(--rule);padding-top:15px;color:var(--green)}#decisions table{min-width:700px}#decisions td:nth-child(2){width:43%}#decisions tbody th{min-width:150px}.sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.sources-grid h3{margin:24px 0 15px}.sources-grid h3:first-child{margin-top:0}.sources-grid p,.bibliography{font-size:13px}.bibliography{padding-left:20px}.bibliography li{padding-left:7px;margin-bottom:20px}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.atlas-grid figure{margin:0;scroll-margin-top:30px}.atlas-grid img{width:100%;background:black;transition:filter .2s}.atlas-grid a:hover img{filter:brightness(1.15)}.atlas-grid figcaption span{color:var(--green);font-variant-numeric:tabular-nums;margin-right:10px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0 35px;font-size:12px;color:var(--green)}
@media(min-width:1700px){.hero h1{font-size:132px}}@media(max-width:1150px){header{gap:18px}.header-note{display:none}header nav{margin-left:auto}.page-layout{grid-template-columns:115px 1fr;gap:24px}.hero{gap:25px}.hero h1{font-size:85px}.subtitle{font-size:25px}.hero h2{font-size:29px}.montage{height:400px}.hero-argument p{font-size:13px!important}.rail a{font-size:17px}.section-heading h2{font-size:35px}.context-grid{grid-template-columns:1fr}.profile{gap:26px}.specimen-table{min-width:750px}}
@media(max-width:760px){html{scroll-padding-top:20px}header{height:auto;min-height:64px;gap:15px;padding:14px 0;flex-wrap:wrap;margin:0 20px}header .wordmark{font-size:28px}.download{margin-left:auto;padding-left:15px;font-size:12px}header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--rule);padding-top:12px;margin:0;font-size:12px}.page-layout{display:block;padding:22px 20px 0}.rail{display:none}.hero{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.hero h1{font-size:clamp(66px,17vw,104px);margin-top:0}.subtitle{font-size:27px;max-width:none;margin-bottom:24px}.hero h2{font-size:33px}.hero-argument p{font-size:15px!important}.hero-argument .source-ref{font-size:11px!important}.montage{height:380px}.figure-note{font-size:18px}section{padding:38px 0}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:37px}.section-heading p{border:0;padding:14px 0 0;font-size:14px}.legend{grid-template-columns:1fr 1fr;gap:24px}.research-grid,.profile,.film-intro,.sources-grid{grid-template-columns:1fr;gap:28px}.profile{padding:28px 0}.profile h3{font-size:37px}.profile dl{grid-template-columns:85px 1fr}.profile figure img{max-height:420px}.opening{font-size:17px}.film-intro dl{grid-template-columns:100px 1fr}.beat-list li{grid-template-columns:43px 1fr}.beat-number{font-size:28px}.beat-list h3{font-size:28px}.ending{padding:23px}.atlas-grid{grid-template-columns:1fr;gap:24px}.atlas-grid figcaption{font-size:12px}footer{flex-wrap:wrap;font-size:12px}footer span{width:100%}.table-scroll:before{content:'Swipe to compare all columns';display:block;font-size:11px;color:var(--green);padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,.rail,.download,.table-hint{display:none}.page-layout{display:block;padding:0}body{font-size:10pt;background:white}.hero{display:block}.hero-figure{max-width:70%;margin:20px auto}.hero h1{font-size:65pt}section{break-inside:auto}.profile,.research-item,figure{break-inside:avoid}a{color:inherit;text-decoration:none}.table-scroll{overflow:visible}table{min-width:0!important}.atlas-grid{grid-template-columns:1fr 1fr}.section-heading h2{font-size:27pt}footer{display:none}}

.header-note,thead th,.evidence{font-size:11px}

.montage{grid-template-rows:repeat(2,minmax(0,1fr))}.montage img{min-height:0;min-width:0}

@media(min-width:1151px){.hero h1{font-size:120px}.hero-argument p{margin-bottom:12px}.hero{padding-bottom:20px}.specimen-table th,.specimen-table td{padding-top:9px;padding-bottom:9px}.specimen-table td p{font-size:12px;line-height:1.4}.specimen-name img{height:48px}}
@font-face{font-family:NotoSerifDisplay;src:url('assets/fonts/NotoSerifDisplay.ttf') format('truetype');font-weight:100 900;font-display:swap}
header nav.language-switch{display:flex;gap:2px;align-items:center;margin:0;padding:0 0 0 12px;border-left:1px solid var(--rule);flex-shrink:0;width:auto;order:0}
.language-switch a{font-family:var(--sans);font-size:12px;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 9px;text-decoration:none;white-space:nowrap}
.language-switch a[aria-current="true"]{background:var(--green);color:var(--paper)}
html[lang="vi"]{--serif:NotoSerifDisplay,Georgia,serif}
html[lang="vi"] h1,html[lang="vi"] .wordmark{font-family:Caslon,Georgia,serif}
html[lang="vi"] h2{font-size:34px;line-height:1.3}
html[lang="vi"] h3{font-size:27px;line-height:1.35}
html[lang="vi"] .subtitle{font-size:26px;line-height:1.45}
html[lang="vi"] .rail a{font-size:16px;line-height:1.5}
html[lang="vi"] .rail>p{font-size:20px}
html[lang="vi"] .figure-note{font-size:16px;line-height:1.55}
html[lang="vi"] .profile h3{font-size:34px}
html[lang="vi"] .specimen-name{font-size:18px}
html[lang="vi"] .table-scroll:before{content:none}
@media(max-width:1250px){.header-note{display:none}header nav[aria-label="Primary"],header nav[aria-label="Điều hướng chính"]{margin-left:auto}}
@media(max-width:760px){header{gap:8px}header .wordmark{font-size:25px}header nav.language-switch{margin-left:auto;border:0;padding:0;width:auto;order:0}.language-switch a{font-size:11px;padding:6px;min-height:40px}.download{padding-left:8px;font-size:11px;margin-left:0}header nav[aria-label="Primary"],header nav[aria-label="Điều hướng chính"]{margin:0}html[lang="vi"] h2{font-size:29px}html[lang="vi"] .section-heading h2{font-size:31px}html[lang="vi"] .profile h3{font-size:29px}html[lang="vi"] .subtitle{font-size:23px}html[lang="vi"] .table-scroll:before{content:'Vuốt ngang để xem tất cả các cột'}}
@media print{.language-switch{display:none}}
.skip:hover{color:var(--paper)}