:root{
--paper:#F3EDE9;--panel:#FFFFFF;--sage:#E7E9DE;--ink:#1E2025;--slate:#26282D;
--clay:#AA7E66;--umber:#583E31;--rule:#DBC8BE;--muted:#4A4441;
--disp:"Oswald","Arial Narrow","Helvetica Neue Condensed",Impact,"Franklin Gothic Medium",sans-serif;
--body:"Open Sans","Segoe UI",Candara,Tahoma,Verdana,sans-serif;
--serif:Georgia,"Droid Serif","Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 var(--body);
-webkit-text-size-adjust:100%}
img{max-width:100%}
h1,h2,p,li,td,th,dd,dt{overflow-wrap:anywhere}
.canvas{max-width:1160px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:0;z-index:30;background:var(--ink);color:var(--paper);padding:12px 16px;
font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
a:focus-visible,button:focus-visible{outline:2px solid var(--umber);outline-offset:2px}

.site-head{border-bottom:1px solid var(--rule)}
.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 28px;
min-height:78px;padding:16px 0 14px}
.mark{margin:0}
.mark a{display:block;font:700 30px/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;
color:var(--ink);text-decoration:none}
.mark .disciplines{display:block;margin-top:8px;font:700 11px/1.5 var(--body);letter-spacing:.14em;
text-transform:uppercase;color:var(--umber)}
.pagelinks ul{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;
justify-content:flex-end}
.pagelinks a{display:block;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;
color:var(--ink);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent}
.pagelinks a:hover{color:var(--umber);border-bottom-color:var(--clay)}
.pagelinks a[aria-current="page"]{border-bottom-color:var(--ink)}

.openers{display:grid;grid-template-columns:212px minmax(0,1fr);align-items:start;margin:32px 0 0}
.slate-wrap{display:flex;flex-direction:column;min-width:0;color:var(--paper);
background:var(--ink) url("stage-slate.svg") right top/12px 100% no-repeat}
.slate-head{margin:0;padding:22px 20px 12px;color:var(--rule);font:700 11px/1 var(--body);
letter-spacing:.16em;text-transform:uppercase}
.slate{list-style:none;margin:0;padding:0}
.slate li{border-top:1px solid #34373D}
.slate li:last-child{border-bottom:1px solid #34373D}
.slate a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;padding:13px 20px 13px 18px;
text-decoration:none;color:var(--paper)}
.slate a:hover{background:var(--slate)}
.slate .n{grid-row:1;font:700 11px/1.5 var(--body);letter-spacing:.12em;color:var(--clay)}
.slate .t{grid-row:1;font:700 16px/1.1 var(--disp);letter-spacing:.1em;text-transform:uppercase}
.slate .s{grid-column:2;grid-row:2;font:400 12px/1.4 var(--body);color:#A79E97}
.slate-foot{margin:0;padding:18px 20px 20px;border-top:1px solid #34373D}
.slate-foot .lbl{display:block;font:700 10px/1.6 var(--body);letter-spacing:.16em;
text-transform:uppercase;color:var(--clay)}
.slate-foot .v{display:block;margin-top:2px;font:700 15px/1.2 var(--disp);letter-spacing:.08em;
text-transform:uppercase}

.stage-wrap{min-width:0}
.stage{min-width:0}
.stage-art{display:block;width:100%;height:440px;object-fit:cover}
.stage-panel{position:relative;width:500px;max-width:calc(100% - 40px);margin:-118px 0 0 40px;
background:var(--panel);border-top:5px solid var(--clay);padding:32px 32px 30px}
.stage-panel h1{margin:0;font:700 52px/.95 var(--disp);letter-spacing:.03em;text-transform:uppercase}
.stage-panel .standfirst{margin:12px 0 0;font:700 15px/1.5 var(--body);letter-spacing:.1em;
text-transform:uppercase;color:var(--umber)}
.stage-panel .lede{margin:12px 0 0;max-width:34em}

.factstrip{margin:20px 0 0;border-top:1px solid var(--rule)}
.factstrip>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:4px 16px;padding:10px 0;
border-bottom:1px solid var(--rule)}
.factstrip dt{font:700 10px/1.9 var(--body);letter-spacing:.16em;text-transform:uppercase;
color:var(--umber)}
.factstrip dd{margin:0;font:700 15px/1.4 var(--body)}

.route{display:inline-block;margin-top:20px;font:700 13px/1 var(--body);letter-spacing:.14em;
text-transform:uppercase;color:var(--umber);text-decoration:none;border-bottom:2px solid var(--clay);
padding-bottom:5px}
.route:hover{color:var(--ink);border-bottom-color:var(--ink)}

.chapter{padding:56px 0 8px}
.chead{display:flex;align-items:baseline;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;
border-bottom:3px solid var(--ink);padding-bottom:10px}
.chead-2{margin-top:56px}
.chead h2{margin:0;font:700 30px/1.05 var(--disp);letter-spacing:.06em;text-transform:uppercase}
.chead .k{font:700 11px/1.6 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--umber)}
.prose{max-width:34em;margin:20px 0 0}

.doclist{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--rule)}
.doclist>li{display:grid;grid-template-columns:44px minmax(0,1fr) max-content;gap:4px 16px;
grid-template-areas:"n t g" "n d g";padding:16px 0;border-bottom:1px solid var(--rule)}
.doclist .n{grid-area:n;font:700 11px/1.9 var(--body);letter-spacing:.12em;color:var(--clay)}
.doclist .t{grid-area:t;margin:0;font:700 19px/1.3 var(--body)}
.doclist .d{grid-area:d;margin:0;font:italic 15px/1.55 var(--serif);color:var(--muted)}
.doclist .go{grid-area:g;align-self:center;white-space:nowrap;font:700 11px/1.6 var(--body);
letter-spacing:.14em;text-transform:uppercase;color:var(--umber);text-decoration:none;
border-bottom:1px solid var(--clay)}
.doclist .go:hover{color:var(--ink);border-bottom-color:var(--ink)}

.routelist{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--rule)}
.routelist>li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:6px 24px;padding:14px 0;
border-bottom:1px solid var(--rule)}
.routelist>li>a{justify-self:start;align-self:start;font:700 14px/1.3 var(--body);letter-spacing:.1em;
text-transform:uppercase;color:var(--umber);text-decoration:none;border-bottom:2px solid var(--clay);
padding-bottom:3px}
.routelist>li>a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.routelist .lbl-cell{font:700 11px/1.9 var(--body);letter-spacing:.14em;text-transform:uppercase;
color:var(--umber)}
.routelist p{margin:0;font-size:15px;color:var(--muted)}

.contact-band{background:var(--sage);padding:48px 0 52px;margin-top:56px}
.contact-rows{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid #CBD0C1}
.contact-rows>li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:6px 24px;padding:14px 0;
border-bottom:1px solid #CBD0C1}
.contact-rows .lbl{font:700 11px/1.9 var(--body);letter-spacing:.16em;text-transform:uppercase;
color:var(--umber)}
.contact-rows a{font:700 17px/1.4 var(--body);color:var(--umber)}
.contact-rows p{margin:4px 0 0;font-size:14px;color:#4D4A45}

.site-foot{border-top:3px solid var(--ink);padding:26px 0 40px;margin-top:0}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 28px;align-items:baseline}
.fmark{margin:0;font:700 20px/1 var(--disp);letter-spacing:.08em;text-transform:uppercase}
.fdisc{display:block;margin-top:7px;font:700 10px/1.5 var(--body);letter-spacing:.14em;
text-transform:uppercase;color:var(--umber)}
.footlinks{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none}
.footlinks a{font:700 11px/1.6 var(--body);letter-spacing:.12em;text-transform:uppercase;
color:var(--ink);text-decoration:none}
.footlinks a:hover{color:var(--umber);text-decoration:underline}
.copy{margin:18px 0 0;font:400 12px/1.6 var(--body);color:#57524E}

.strip{background:var(--slate)}
.strip ol{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.strip a{display:block;padding:12px 22px 12px 0;color:var(--paper);text-decoration:none;
font:700 12px/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase}
.strip a:hover{color:var(--clay)}
.strip a[aria-current="page"]{color:var(--clay)}
.strip .n{margin-right:8px;color:var(--clay)}

.page-band{background:var(--ink);color:var(--paper);border-bottom:5px solid var(--clay)}
.page-band .canvas{min-height:220px;display:flex;flex-direction:column;justify-content:center;
padding-top:36px;padding-bottom:36px}
.page-band h1{margin:0;font:700 40px/1.05 var(--disp);letter-spacing:.05em;text-transform:uppercase}
.page-band .k{margin:12px 0 0;font:700 12px/1.6 var(--body);letter-spacing:.16em;
text-transform:uppercase;color:var(--rule)}

.doc{max-width:860px;padding:44px 0 52px}
.doc h2{margin:0;font:700 22px/1.15 var(--disp);letter-spacing:.08em;text-transform:uppercase;
border-bottom:3px solid var(--ink);padding-bottom:9px}
.doc .h2-rule{margin-top:48px}
.back{display:inline-block;margin:36px 0 0;font:700 12px/1 var(--body);letter-spacing:.14em;
text-transform:uppercase;color:var(--umber);text-decoration:none;border-bottom:2px solid var(--clay);
padding-bottom:5px}
.back:hover{color:var(--ink);border-bottom-color:var(--ink)}

.credits{width:100%;border-collapse:collapse;margin-top:24px}
.credits th{text-align:left;font:700 11px/1.6 var(--body);letter-spacing:.16em;text-transform:uppercase;
color:var(--umber);border-bottom:2px solid var(--ink);padding:0 20px 10px 0}
.credits td{vertical-align:top;padding:14px 20px 14px 0;border-bottom:1px solid var(--rule);
font-size:15px}
.credits td:last-child,.credits th:last-child{padding-right:0}
.credits td.t{font:700 17px/1.35 var(--body)}
.credits td.d{font:italic 15px/1.55 var(--serif);color:var(--muted)}

@media(max-width:900px){
body{font-size:16px}
.head-row{flex-direction:column;align-items:flex-start;gap:14px}
.pagelinks ul{justify-content:flex-start}
.mark a{font-size:24px}
.openers{grid-template-columns:minmax(0,1fr)}
.stage-art{height:190px}
.stage-panel{width:100%;max-width:none;margin:0}
.doc{max-width:none;padding:36px 0 44px}
.stage-panel h1{font-size:34px}
.stage-panel .lede{max-width:none}
.prose{max-width:none}
.chead h2{font-size:22px}
.page-band h1{font-size:28px}
.slate-foot{margin-top:0}
}
@media(max-width:640px){
.doclist>li{grid-template-columns:minmax(0,1fr);grid-template-areas:"n" "t" "d" "g"}
.doclist .go{justify-self:start;margin-top:8px}
.routelist>li,.contact-rows>li{grid-template-columns:minmax(0,1fr)}
.factstrip>div{grid-template-columns:minmax(0,1fr)}
.credits thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
white-space:nowrap}
.credits tr{display:block;border-bottom:1px solid var(--rule);padding:14px 0}
.credits td{display:block;border:0;padding:3px 0}
.credits td::before{content:attr(data-l);display:block;font:700 10px/1.9 var(--body);
letter-spacing:.16em;text-transform:uppercase;color:var(--umber)}
}
@media(max-width:380px){.canvas{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
