/* Real reference photography with paper-framed editorial layouts. */
#page-home{position:relative}
#page-home .welcome-copy button{pointer-events:auto}
#page-home .welcome-copy{width:49%}
#page-home .welcome .vertical-seal{right:3%}
#page-home .welcome h1{font-size:clamp(38px,4.1vw,64px)}
#page-home .welcome{box-shadow:0 8px 0 -5px #dbc6a5,0 15px 0 -10px #bda27c55}
.heritage-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 0 23px;border-bottom:1px solid var(--line)}
.heritage-index button{display:flex;justify-content:center;align-items:center;gap:15px;border:0;border-right:1px solid var(--line);background:none;min-height:46px;font:22px var(--hand);transition:color .2s,transform .25s}
.heritage-index button:last-child{border-right:0}.heritage-index button:hover{color:var(--red);transform:translateY(-3px)}
.heritage-index span{font:13px var(--hand);color:#a1785b;border:1px solid #b5937470;padding:2px 5px;transform:rotate(-5deg)}
.heritage-section{position:relative;isolation:isolate;margin-top:72px;scroll-margin-top:24px;outline:none}
.heritage-section:focus-visible{outline:2px solid var(--red);outline-offset:9px}
.heritage-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:29px;position:relative;z-index:1}
.heritage-heading:before{content:"";position:absolute;left:-12px;top:8px;width:3px;height:18px;background:#a95139}
.heritage-kicker{display:block;font:12px/1.8 var(--sans);letter-spacing:.1em;color:#856b57}
.heritage-heading h2{font:clamp(27px,2.4vw,36px)/1.5 var(--hand);margin-top:7px;color:#4c3028}
.heritage-heading h2 em{font-style:normal;color:#947356}
.heritage-heading>p{max-width:280px;font-size:13px;color:#82705e;line-height:1.8}
.exhibition-ornament{position:absolute;right:0;top:-38px;width:150px;height:150px;color:#ac644119;z-index:-1;pointer-events:none;transform:rotate(16deg)}
#people-exhibition>.exhibition-ornament{left:3%;right:auto;top:auto;bottom:-50px;width:180px;height:180px;transform:rotate(-22deg)}
.reference-photo{margin:0;min-width:0;position:relative}
.photo-surface{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:#e6dccb;overflow:hidden}
.photo-surface img{display:block;width:100%;height:auto;object-fit:contain;transition:filter .35s}
.photo-surface:hover img{filter:brightness(1.035)}
.reference-photo figcaption{font:11px/1.6 var(--sans);color:#88725e;padding:10px 0}
.photo-open-hint{position:absolute;right:14px;top:14px;padding:6px 10px;background:#fcf4e4ed;color:#673f2e;font:13px var(--hand);border:1px solid #d7c3a680;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s;pointer-events:none}
.photo-surface:hover .photo-open-hint,.photo-surface:focus-visible .photo-open-hint{opacity:1;transform:translateY(0)}
.photo-error{padding:30px 20px;color:#795b49;font-size:13px;line-height:1.8}
.photo-unavailable .photo-surface{min-height:180px}
.heritage-patterns{display:grid;grid-template-columns:1.28fr 1fr;gap:32px;align-items:start}
.heritage-pattern{position:relative;min-width:0;padding:17px 17px 24px;background:#fffbf1;border:1px solid #dacbb5;box-shadow:5px 6px 0 #e2d5bd,0 15px 30px -23px #573724;transition:transform .3s,box-shadow .3s}
.heritage-pattern:hover{transform:translateY(-4px);box-shadow:5px 10px 0 #e2d5bd,0 20px 35px -20px #57372444}
.heritage-pattern.bird{margin-top:14px;transform:rotate(-.7deg)}
.heritage-pattern.bird:hover{transform:rotate(0) translateY(-4px)}
.heritage-pattern.lattice{background:#eee2cb;transform:rotate(.65deg)}
.heritage-pattern.lattice:hover{transform:rotate(0) translateY(-4px)}
.heritage-pattern.bird:before,.heritage-pattern.lattice:before{content:"";position:absolute;z-index:2;top:-11px;left:38%;width:80px;height:24px;background:#cbb38d60;border:1px solid #d3bd9840;transform:rotate(-4deg);pointer-events:none}
.heritage-pattern.lattice .photo-surface{background:#fff;max-width:340px;margin:auto}
.heritage-pattern.lattice .photo-surface img{max-height:345px;width:100%;object-fit:contain}
.heritage-pattern-copy{position:relative;padding:11px 12px 0}
.heritage-pattern-copy h3{font:31px/1.5 var(--hand);margin:7px 0 13px;color:#673426}
.heritage-pattern-copy p{font-size:14px;line-height:1.9;margin:0 0 20px;color:#77604f;max-width:36em}
.archive-number{position:absolute;right:10px;bottom:0;font:italic 37px Georgia,serif;color:#b8947055;pointer-events:none}
.heritage-more{display:inline-block;border:0;border-bottom:1px solid #ad826a;background:none;padding:6px 0;font-size:13px;color:#884633;text-align:left;transition:color .2s,letter-spacing .25s}
.heritage-more:hover{color:#a63427;letter-spacing:.04em}
.heritage-footnote{color:#82705e;font:12px/1.9 var(--sans);margin:18px 0 0}
.heritage-people{display:grid;grid-template-columns:1fr 1fr .78fr;gap:28px;align-items:start}
.heritage-person{position:relative;min-width:0;padding:12px 12px 24px;border-bottom:1px solid #c3a17d;background:#efe6d5;box-shadow:0 5px 0 -2px #deceb4;transition:transform .3s}
.heritage-person:nth-child(2){margin-top:42px;background:#e7e6d9}
.heritage-person:nth-child(3){background:#ead8cd}
.heritage-person:hover{transform:translateY(-5px)}
.heritage-person .reference-photo figcaption{display:none}
.person-nameplate{position:relative;padding:23px 6px 10px;overflow:hidden}
.person-nameplate h3{position:relative;z-index:1;font:40px/1.5 var(--hand);letter-spacing:.12em;color:#6d3026;margin-top:8px}
.person-seal{position:absolute;right:3px;bottom:0;color:#bc8b6250;font:65px/1.2 var(--hand);transform:rotate(-10deg);border:1px solid #bc8b6225;padding:4px}
.heritage-person>p{font-size:13px;color:#7b6653;line-height:1.8;margin:2px 6px 16px}
.heritage-person>.heritage-more{margin-left:6px}
.tradition-atlas{position:relative;border-top:1px solid #b69877;background:#ede4d2;box-shadow:5px 6px 0 #ddc9aa}
.tradition-options{display:grid;grid-template-columns:repeat(4,1fr);background:#f4ebda;border-bottom:1px solid #cbb79a}
.tradition-options button{text-align:center;border:0;border-bottom:2px solid transparent;background:none;padding:19px 8px;color:#7c6753;font:18px var(--hand);transition:background .25s,color .25s}
.tradition-options button[aria-pressed=true]{color:#8f3427;background:#e5d2b6;border-bottom-color:#a74d34}
.tradition-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:30px 35px}
#tradition-photo{min-width:0;background:#fbf5e8;padding:13px;box-shadow:4px 4px 0 #d5bfa0;transform:rotate(-1deg)}
#tradition-photo .photo-surface{height:300px;background:#fbf5e8}
#tradition-photo .photo-surface img{width:100%;height:100%;object-fit:contain}
#tradition-photo figcaption{padding-bottom:1px}
.tradition-copy{position:relative;padding:30px 0}
.tradition-copy h3{font:34px var(--hand);color:#603627;margin:12px 0 17px}
.tradition-copy>p:not(.heritage-kicker){font-size:15px;margin:15px 0 24px;line-height:1.9;max-width:30em}
.tradition-mark{display:flex;align-items:center;gap:9px;color:#98633f}
.tradition-mark span{font:16px var(--hand);letter-spacing:.12em}
.tradition-mark strong{font:24px var(--hand);border:1px solid #b6947055;padding:3px 7px;transform:rotate(-5deg)}
.heritage-source{color:#8c3f2e;text-decoration:underline;text-underline-offset:4px;font-size:12px;overflow-wrap:anywhere}
.news-filters{display:flex;gap:24px;flex-shrink:0}
.news-filters button{border:0;border-bottom:2px solid transparent;background:none;padding:6px 0;font-size:13px;color:#85715e;transition:color .2s,border-color .2s}
.news-filters button[aria-pressed=true]{color:#993a2a;border-bottom-color:#993a2a}
#news-exhibition .heritage-heading{margin-bottom:2px}
#heritage-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}
.heritage-news-item{min-width:0;position:relative;padding-bottom:20px;border-bottom:1px solid #c6ae8e}
.heritage-news-item .photo-surface{height:210px;background:#e4d9c7}
.heritage-news-item img{height:100%;width:100%;object-fit:contain}
.heritage-news-item .reference-photo figcaption{display:none}
.news-copy{padding-top:19px;position:relative}
.news-date{position:absolute;right:0;top:20px;font:12px Georgia,serif;color:#9c7759}
.news-copy h3{margin:10px 0 13px;line-height:1.55}
.news-copy h3 button{font:25px/1.5 var(--hand);color:#553629;border:0;padding:0}
.news-copy p{font-size:13px;color:#786654;line-height:1.9}
.news-publisher{display:block;font-size:11px;color:#96795f;margin-top:14px}
.heritage-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.reading-open{overflow:hidden}
#heritage-dialog{width:min(1030px,calc(100% - 44px));max-height:calc(100dvh - 44px);padding:32px 36px 36px;border:1px solid #bc9773;background:#f7f0e3;color:var(--ink);box-shadow:0 25px 90px #28160f50;overscroll-behavior:contain}
#heritage-dialog::before{content:"";position:absolute;inset:9px;border:1px solid #b7956c30;pointer-events:none}
#heritage-dialog::backdrop{background:#2f211a99;backdrop-filter:blur(5px);animation:reading-backdrop .28s ease-out}
#heritage-dialog.is-closing::backdrop{animation:reading-backdrop-out .18s ease-out forwards}
.heritage-dialog-close{position:sticky;z-index:5;top:0;display:block;margin:0 0 15px auto;padding:7px 11px;border:1px solid #c9b596;background:#faf2e2f5;font-size:13px;box-shadow:0 3px 9px #72553915}
#heritage-dialog h2{font:37px/1.4 var(--hand);color:#733325;margin:8px 0 24px}
.reading-spread{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:30px;align-items:start}
.reading-visual{min-width:0;padding:12px;background:#fffaf0;box-shadow:3px 5px 0 #ddc9aa}
.reading-visual .photo-surface{min-height:200px;max-height:490px;background:#f3eadb}
.reading-visual img{max-height:490px;object-fit:contain;width:100%;height:auto}
.full-photo figcaption{font-size:12px;padding:13px 3px 4px;line-height:1.8}
.full-photo .heritage-source{display:block;font-size:11px;margin-top:6px}
.reading-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.reading-thumbs button{width:64px;height:52px;padding:3px;border:1px solid #d8c7ad;background:#f4ecde;transition:transform .2s,border-color .2s}
.reading-thumbs button[aria-pressed=true]{border:2px solid #9c4c35;background:#ecdcc3}
.reading-thumbs button:hover{transform:translateY(-2px)}
.reading-thumbs img{width:100%;height:100%;object-fit:contain}
.reading-page{display:block;text-align:right;font:12px Georgia,serif;color:#9e7857;margin-top:11px}
.reading-copy{min-width:0;padding-top:3px}
#heritage-dialog-body p{font-size:14px;margin:0 0 20px;line-height:1.95}
#heritage-dialog-body p:empty{display:none}
#heritage-dialog-body .reading-lead{font:24px/1.65 var(--hand);color:#784530;border-bottom:1px solid #d2bea1;padding-bottom:20px}
#heritage-dialog-body .heritage-caveat{font-size:12px;color:#89715b;margin:14px 0}
.reading-notes{margin:20px 0;border-top:1px solid #dbcab0;padding-top:13px}
.reading-notes summary{font:16px var(--hand);color:#86654d;list-style:disclosure-closed}
.reading-notes[open] summary{list-style:disclosure-open;margin-bottom:12px}
.reading-notes[open]>p{animation:reading-note .25s ease}
#heritage-dialog-body .button{margin-top:14px}
.school-exhibition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.school-exhibition-grid figure{margin:0}.school-exhibition-grid img{width:100%;height:220px;object-fit:contain;background:#ede5d8}
.school-exhibition-grid figcaption{font-size:12px;color:#82705e;margin-top:10px}
@keyframes reading-backdrop{from{background:#2f211a00;backdrop-filter:blur(0)}to{background:#2f211a99;backdrop-filter:blur(5px)}}
@keyframes reading-backdrop-out{to{background:#2f211a00;backdrop-filter:blur(0)}}
@keyframes reading-note{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.heritage-pattern.bird .photo-surface img{max-height:390px;object-fit:contain}.heritage-pattern.lattice .photo-surface{max-width:380px}.heritage-pattern.lattice .photo-surface img{max-height:380px}.heritage-news-item .photo-surface{height:245px}}
@media(max-width:1050px){.heritage-heading>p{max-width:190px}.heritage-patterns{gap:22px;grid-template-columns:1.1fr 1fr}.heritage-pattern{padding:12px 12px 22px}.heritage-pattern-copy{padding:9px 5px 0}.heritage-pattern-copy h3{font-size:27px}.heritage-people{gap:18px}.person-nameplate h3{font-size:34px}.tradition-detail{gap:25px;padding:25px}.tradition-options button{font-size:16px}.heritage-news-item .photo-surface{height:165px}.news-copy h3 button{font-size:22px}}
@media(max-width:760px){
  #page-home .welcome-copy{width:100%}#page-home .welcome h1{font-size:35px}
  .heritage-index{padding:20px 0}.heritage-index button{font-size:16px;gap:0;min-height:40px}.heritage-index span{display:none}
  .heritage-section{margin-top:49px;scroll-margin-top:170px}.heritage-heading{display:block;margin-bottom:24px}.heritage-heading:before{left:-8px}.heritage-heading h2{font-size:28px}.heritage-heading h2 em{display:block}.heritage-heading>p{max-width:none;margin-top:9px;font-size:12px}
  .exhibition-ornament{width:105px;height:105px;top:-5px}.heritage-patterns{grid-template-columns:1fr;gap:29px}.heritage-pattern.bird{margin-top:0}.heritage-pattern-copy h3{font-size:29px}.heritage-pattern-copy{padding:9px 9px 0}
  .heritage-people{grid-template-columns:1fr;gap:25px}.heritage-person,.heritage-person:nth-child(2){margin:0;padding:13px 13px 24px}.heritage-person:nth-child(3) .photo-surface{background:#d7c0af}.heritage-person:nth-child(3) img{max-height:340px;object-fit:contain}.person-nameplate h3{font-size:39px}
  .tradition-options{grid-template-columns:1fr 1fr}.tradition-options button{padding:16px 8px;font-size:15px}.tradition-detail{grid-template-columns:1fr;padding:20px;gap:5px}#tradition-photo .photo-surface{height:265px}.tradition-copy{padding:20px 0 8px}.tradition-copy h3{font-size:29px}
  .news-filters{gap:25px;margin-top:14px}#heritage-news-list{grid-template-columns:1fr;gap:28px}.heritage-news-item .photo-surface{height:220px}.news-copy h3 button{font-size:25px}.news-copy p{font-size:14px}
  #heritage-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px 20px 28px}#heritage-dialog h2{font-size:29px;margin-bottom:20px}.reading-spread{grid-template-columns:1fr;gap:26px}.reading-visual .photo-surface,.reading-visual img{max-height:320px}.reading-copy{padding:0}.heritage-dialog-close{margin-bottom:12px}.reading-thumbs button{width:60px}
  .school-exhibition-grid{grid-template-columns:1fr}
}
@media(hover:none){.photo-open-hint{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .heritage-pattern,.heritage-person,.heritage-index button,.photo-open-hint,.photo-surface img,.reading-thumbs button,.heritage-more{transition:none!important}
  .heritage-pattern:hover,.heritage-person:hover,.heritage-index button:hover,.reading-thumbs button:hover{transform:none}
  #heritage-dialog::backdrop,.reading-notes[open]>p{animation:none!important}
}