
:root{
  --orange:#c96a00;
  --paper:#fffdf8;
  --ink:#312c28;
  --muted:#6f6258;
  --line:#e5d4c0;
  --soft:#fff6e8;
  --band:#f0e1cf;
  --nav-width:285px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Georgia,"Times New Roman",serif;background:#f4efe7;color:var(--ink)}
.site-shell{display:grid;grid-template-columns:var(--nav-width) 6px 1fr;height:100vh;width:100vw}
.sidebar{background:#fff8ed;border-right:1px solid var(--line);padding:22px 18px;overflow-y:auto;box-shadow:4px 0 18px rgba(91,52,27,.08)}
.site-title{font-family:"Palatino Linotype",Palatino,serif;font-size:1.2rem;line-height:1.18;font-weight:600;color:#171717;margin:0 0 18px}.site-title span{display:block}
.rule{height:3px;border:0;margin:0 0 20px;background:linear-gradient(to right,var(--orange),#fff3df)}
.section-details{margin:0 0 12px}.section-details summary{cursor:pointer;list-style:none}.section-details summary::-webkit-details-marker{display:none}.section-details summary::before{content:"▼ ";font-size:.78rem;color:var(--orange)}.section-details:not([open]) summary::before{content:"► "}
.section-label{font-family:Arial,Helvetica,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:bold;margin-bottom:4px;display:block}.section-title{font-family:"Palatino Linotype",Palatino,serif;font-size:1.05rem;margin:0 0 10px;color:#171717;display:inline-block}
.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin:0 0 5px}.nav-list a{display:block;text-decoration:none;color:var(--ink);padding:8px 9px;border-radius:7px;line-height:1.25;font-size:.92rem}.nav-list a:hover{background:#fff0db;color:#7b3e00}.nav-list a.active{background:#c96a00;color:white}.future-list{font-size:.88rem;color:var(--muted);line-height:1.35}
.resizer{background:#e8d8c6;cursor:col-resize}.resizer:hover,.resizer.active{background:#c96a00}body.resizing{user-select:none;cursor:col-resize}.viewer-wrap{height:100vh;overflow:hidden;background:#f4efe7}#viewer{display:block;width:100%;height:100%;border:0;background:#f4efe7}
@media(max-width:800px){.site-shell{display:block;height:auto}.sidebar{position:relative;width:100%;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:18px 16px 14px}.nav-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nav-list li{margin:0}.viewer-wrap{height:calc(100vh - 310px);min-height:620px}.resizer{display:none}}

.page-body{margin:0;background:#f4efe7;color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.62;font-size:17px}
.page{max-width:1100px;margin:34px auto;background:var(--paper);padding:42px 46px 52px;box-shadow:0 10px 35px rgba(0,0,0,.12);border-radius:8px}
.kicker{text-align:center;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);margin-bottom:.4rem;font-weight:bold;font-family:Arial,Helvetica,sans-serif}
h1{font-family:"Palatino Linotype",Palatino,serif;text-align:center;font-size:2.85rem;line-height:1.15;margin:0 0 1rem;font-weight:600;color:#171717}
.intro{max-width:880px;margin:0 auto 1.5rem}.intro p{margin:0 0 1rem}.divider{clear:both;height:4px;border:0;margin:2rem 0;background:linear-gradient(to right,white,var(--orange),white)}
.section-band{font-family:"Palatino Linotype",Palatino,serif;text-align:center;font-size:1.55rem;font-weight:600;background:var(--band);border:1px solid #d8bea2;padding:.6rem 1rem;margin:2rem 0 1.15rem;border-radius:4px;color:#171717}
.item-card{display:grid;grid-template-columns:minmax(210px,34%) 1fr;gap:28px;align-items:start;border:1px solid var(--line);background:#fffaf2;border-radius:8px;padding:24px;margin:0 0 24px;box-shadow:0 3px 14px rgba(63,42,24,.06)}
.item-figure{margin:0}.item-figure img{width:100%;display:block;border-radius:7px;box-shadow:0 4px 16px rgba(0,0,0,.16);background:white}.item-figure figcaption{font-size:.9rem;font-style:italic;line-height:1.35;color:var(--muted);text-align:center;margin-top:.55rem}
.item-copy{border-left:3px solid #ead8c3;padding-left:24px;min-height:180px}.item-copy h3{font-family:"Palatino Linotype",Palatino,serif;font-size:1.65rem;line-height:1.2;margin:0 0 .65rem;color:#171717;font-weight:600}p{margin:0 0 .95rem}.dimensions{font-style:italic;color:#5e5148;margin-top:.4rem}
.research-group{border:1px solid #dfbf9a;background:#fff7ec;border-radius:9px;margin:0 0 28px;box-shadow:0 3px 14px rgba(63,42,24,.06);overflow:hidden;border-top:4px solid var(--orange);border-bottom:4px solid var(--orange)}
.research-hero{display:grid;grid-template-columns:minmax(280px,43%) 1fr;gap:30px;align-items:start;padding:26px}.research-hero .item-copy{min-height:0}.research-hero h3,.research-text h3{font-family:"Palatino Linotype",Palatino,serif;font-size:1.75rem;line-height:1.18;margin:0 0 .7rem;color:#171717;font-weight:600}.research-text h4,.side-copy h4{font-family:"Palatino Linotype",Palatino,serif;font-size:1.25rem;line-height:1.2;margin:1.25rem 0 .45rem;color:#171717;font-weight:600}
.sub-entry{display:grid;grid-template-columns:minmax(190px,30%) 1fr;gap:24px;align-items:start;margin:0 26px 22px;padding:20px 0 0;border-top:1px solid #e6cdb0}.sub-copy{border-left:3px solid #ead8c3;padding-left:22px}.sub-copy h4{font-family:"Palatino Linotype",Palatino,serif;font-size:1.35rem;line-height:1.2;margin:0 0 .5rem;color:#171717;font-weight:600}.sub-copy p{color:#4b423b}.note{font-family:Arial,Helvetica,sans-serif;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-weight:bold;margin:.2rem 0 .7rem}
.narrative-card{display:grid;grid-template-columns:minmax(220px,33%) 1fr;gap:28px;border:1px solid #dfbf9a;background:#fff7ec;border-radius:9px;margin:0 0 28px;padding:24px;box-shadow:0 3px 14px rgba(63,42,24,.06);border-top:4px solid var(--orange);border-bottom:4px solid var(--orange)}
.image-stack{display:flex;flex-direction:column;gap:18px}.image-stack figure{margin:0}.image-stack img{width:100%;display:block;border-radius:7px;box-shadow:0 4px 16px rgba(0,0,0,.16);background:white}.side-copy{border-left:3px solid #ead8c3;padding-left:24px}.side-copy h3{font-family:"Palatino Linotype",Palatino,serif;font-size:1.75rem;line-height:1.18;margin:0 0 .7rem;color:#171717;font-weight:600}
.captioned-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.captioned-pair figure{margin:0}
@media(max-width:800px){.page-body{font-size:16px}.page{margin:0;padding:28px 18px 36px;border-radius:0}h1{font-size:2.15rem}.item-card,.research-hero,.sub-entry,.narrative-card{grid-template-columns:1fr;gap:16px;padding:18px}.sub-entry{margin:0;border-top:1px solid #e6cdb0}.item-copy,.sub-copy,.side-copy{border-left:0;border-top:3px solid #ead8c3;padding-left:0;padding-top:16px}.section-band{font-size:1.3rem}.captioned-pair{grid-template-columns:1fr}}

.inline-support.below-main{margin-top:18px;max-width:58%;margin-left:auto;margin-right:auto}
.inline-support.below-main img{width:100%;display:block;border-radius:7px;box-shadow:0 4px 12px rgba(0,0,0,.14);background:white}
.inline-support.below-main figcaption{font-size:.82rem;font-style:italic;line-height:1.3;color:var(--muted);text-align:center;margin-top:.45rem}
.transition-note{border-top:4px solid var(--orange);border-bottom:4px solid var(--orange);background:#fff7ec;border-radius:8px;padding:24px 28px;margin:30px 0 0;text-align:center}
.transition-note h3{font-family:"Palatino Linotype",Palatino,serif;font-size:1.6rem;line-height:1.2;margin:0 0 .75rem;color:#171717;font-weight:600}
.transition-note p{max-width:850px;margin:0 auto;color:#4b423b;font-style:italic}
@media(max-width:800px){.inline-support.below-main{max-width:70%}.transition-note{padding:20px 18px}.transition-note h3{font-size:1.35rem}}
