/* Why Reputation Matters -- rmw-poster-programme-ledger */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:#f2efe9;color:#2c2c2c;
  font:400 17px/1.62 'Segoe UI','Helvetica Neue',Arial,sans-serif;}
img,svg{max-width:100%;}
a{color:#16202b;}
a:focus-visible,.anchor-bar a:focus-visible{outline:2px solid #16202b;outline-offset:2px;}
.poster-field a:focus-visible,.archive-field a:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.skip{position:absolute;left:-9999px;top:0;background:#16202b;color:#fff;padding:10px 16px;z-index:20;}
.skip:focus{left:0;}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}

/* poster identity */
.poster-field{position:relative;background:#ee2737;color:#fff;overflow:hidden;}
.poster-field::after{content:"";position:absolute;right:0;bottom:0;width:340px;height:100%;
  background:#16202b;clip-path:polygon(58% 0,100% 0,100% 100%,0 100%);
  transition:width .4s ease;}
.poster-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 300px;
  gap:40px;align-items:center;min-height:390px;padding:56px 0 52px;}
.eyebrow{font:600 13px/1.2 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;
  margin:0 0 18px;color:#ffe1e4;}
h1.event-title{font:700 74px/0.93 'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;letter-spacing:.01em;text-transform:uppercase;
  margin:0 0 20px;color:#fff;}
.standfirst{font:400 21px/1.4 'Segoe UI','Helvetica Neue',Arial,sans-serif;margin:0;max-width:36ch;color:#fff;}
.poster-art{justify-self:end;}

/* date/place + anchors */
.lockup-band{background:#16202b;color:#fff;}
.lockup{display:grid;grid-template-columns:170px 1fr;gap:36px;align-items:center;padding:30px 0 26px;}
.year-num{font:700 84px/0.8 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:-.03em;color:#ee2737;margin:0;font-variant-numeric:tabular-nums;}
.year-label{font:600 11px/1.2 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#96a3b0;margin:8px 0 0;}
.lock-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lock-rows div{border-left:1px solid #33414f;}
.lock-k{font:600 11px/1.2 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#96a3b0;margin:0 0 6px;}
.lock-v{font:400 17px/1.35 'Segoe UI','Helvetica Neue',Arial,sans-serif;margin:0;color:#fff;}
.anchor-band{background:#16202b;border-top:1px solid #33414f;}
.anchor-bar{display:flex;gap:0;margin:0;padding:0;list-style:none;overflow-x:auto;}
.anchor-bar a{display:block;padding:14px 22px;color:#fff;text-decoration:none;
  font:600 12px/1 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;
  border-right:1px solid #33414f;white-space:nowrap;}
.anchor-bar a:hover{background:#ee2737;}

/* sections */
section{padding:52px 0;border-bottom:1px solid #d9d3c9;}
.sec-head{display:flex;align-items:baseline;gap:16px;margin:0 0 26px;}
h2{font:700 30px/1.05 'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:0;color:#16202b;}
.sec-rule{flex:1;height:3px;background:#ee2737;}
.overview p{max-width:66ch;margin:0 0 16px;}

/* programme */
#programme,#access{background-image:url("/assets/rule-grid.svg");
  background-repeat:repeat;background-size:120px 120px;background-position:top left;}
#programme .wrap,#access .wrap{position:relative;}
.prog-row{display:grid;grid-template-columns:92px 1fr 240px;gap:24px;align-items:start;
  padding:22px 0;border-top:1px solid #d9d3c9;}
.prog-row:last-child{border-bottom:1px solid #d9d3c9;}
.prog-num{font:700 44px/0.85 Consolas,'SFMono-Regular',Menlo,monospace;color:#ee2737;margin:0;font-variant-numeric:tabular-nums;}
.prog-track{font:600 11px/1.2 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#7a7266;margin:0 0 6px;}
.prog-topic{font:400 18px/1.45 'Segoe UI','Helvetica Neue',Arial,sans-serif;margin:0;max-width:52ch;}
.prog-who{font:400 14px/1.5 'Segoe UI','Helvetica Neue',Arial,sans-serif;color:#5d564c;margin:0;}
.prog-lead{margin:0 0 20px;max-width:66ch;}
.detail-link{margin:26px 0 0;font:600 12px/1 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;}
.detail-link a{color:#ee2737;}

/* speakers */
.speaker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.speaker-badge{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #d9d3c9;
  border-left:5px solid #ee2737;padding:20px 22px;text-decoration:none;color:#2c2c2c;}
.speaker-badge:hover{border-left-color:#16202b;}
.mono-tile{width:64px;height:64px;flex:0 0 64px;background:#16202b;color:#fff;display:flex;
  align-items:center;justify-content:center;font:700 24px/1 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.04em;}
.sp-name{display:block;font:700 22px/1.1 'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px;color:#16202b;}
.sp-role{display:block;font:400 14px/1.4 'Segoe UI','Helvetica Neue',Arial,sans-serif;color:#5d564c;margin:0;}

/* fact ledger */
.fact-ledger{border:1px solid #d9d3c9;background:#fff;}
.fact-row{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:16px 22px;
  border-bottom:1px solid #e6e0d6;}
.fact-row:last-child{border-bottom:0;}
.fact-k{font:600 11px/1.5 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7a7266;margin:0;}
.fact-v{margin:0;max-width:60ch;}

/* partners + resources */
.partner-block{border-left:5px solid #16202b;padding:4px 0 4px 24px;}
.partner-lead{font:700 24px/1.2 'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0 0 14px;color:#16202b;}
.partner-block p{max-width:70ch;margin:0 0 14px;}
.res-item{border-top:1px solid #d9d3c9;padding:18px 0;max-width:70ch;margin:0;}

/* archive footer */
.archive-field{background:#16202b;color:#fff;padding:44px 0 36px;}
.archive-field a{color:#fff;}
.arch-top{display:grid;grid-template-columns:1fr 1fr;gap:32px;
  border-bottom:1px solid #33414f;padding-bottom:26px;margin-bottom:26px;}
.arch-title{font:700 34px/1 'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0 0 10px;}
.arch-status{font:600 11px/1.4 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#96a3b0;margin:0;}
.arch-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;
  justify-content:flex-end;align-content:start;}
.arch-nav a{font:600 12px/1 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;}
.arch-nav a:hover{text-decoration:underline;}
.pub{display:grid;grid-template-columns:1fr 1fr;gap:32px;font-size:15px;}
.pub p{margin:0 0 8px;color:#cfd6dc;}
.pub .org{font:700 18px/1.2 'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#fff;}
.copyline{text-align:right;color:#96a3b0;font-size:14px;}

/* detail routes */
.detail-head{background:#16202b;color:#fff;padding:44px 0 40px;}
.detail-index{font:700 13px/1 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#ee2737;margin:0 0 16px;}
h1.detail-title{font:700 52px/0.98 'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0 0 16px;color:#fff;}
.detail-status{font:600 11px/1.4 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#96a3b0;margin:0;}
.detail-badge{display:flex;gap:20px;align-items:center;}
.detail-badge .mono-tile{width:82px;height:82px;flex:0 0 82px;font-size:30px;background:#ee2737;}
.detail-body p{max-width:66ch;margin:0 0 16px;}
.detail-body h2{margin:38px 0 14px;padding-top:14px;border-top:3px solid #ee2737;max-width:66ch;}
.detail-body ul{max-width:64ch;padding-left:20px;}
.detail-body li{margin:0 0 12px;}
.backlink{font:600 12px/1 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;}
.crumb{font:600 11px/1.4 Consolas,'SFMono-Regular',Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#96a3b0;margin:0 0 20px;}
.crumb a{color:#fff;}

@media (max-width:1180px){
  h1.event-title{font-size:62px;}
}
@media (max-width:900px){
  .poster-inner{grid-template-columns:1fr;min-height:0;gap:26px;padding:40px 0;}
  .poster-art{justify-self:start;max-width:220px;}
  .poster-field::after{width:180px;}
  h1.event-title{font-size:48px;}
  .lockup{grid-template-columns:1fr;gap:20px;}
  .lock-rows{grid-template-columns:1fr;gap:14px;}
  .prog-row{grid-template-columns:1fr;gap:8px;}
  .prog-num{font-size:32px;}
  .arch-top,.pub{grid-template-columns:1fr;}
  .arch-nav{justify-content:flex-start;}
  .copyline{text-align:left;}
  h1.detail-title{font-size:40px;}
}
@media (max-width:700px){
  .wrap{padding:0 18px;}
  section{padding:38px 0;}
  .anchor-band{position:relative;}
  .anchor-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .anchor-bar::-webkit-scrollbar{display:none;}
  .anchor-band::after{content:"";position:absolute;right:0;top:0;bottom:0;width:34px;
    background:linear-gradient(90deg,rgba(22,32,43,0),#16202b);pointer-events:none;}
  .fact-row{grid-template-columns:1fr;gap:6px;}
  .year-num{font-size:64px;}
}
@media (max-width:560px){
  h1.event-title{font-size:36px;}
  .standfirst{font-size:18px;}
  .speaker-grid{grid-template-columns:1fr;}
  .poster-field::after{width:120px;}
  h1.detail-title{font-size:31px;}
  .detail-badge{flex-wrap:wrap;gap:14px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important;animation:none !important;}
}