/* breakingcorporatesilence.com - early Wix HTML5 brochure grammar, rebuilt responsively */
:root{
  --paper:#F4F2ED; --sheet:#FFFFFF; --ink:#22221F; --meta:#6B6862;
  --accent:#B5271F; --rule:#CFCBC2; --darkrule:#3A3A35;
  --display:"Arial Narrow","Helvetica Neue Condensed","Liberation Sans Narrow",Arial,sans-serif;
  --body:Arial,"Liberation Sans",Helvetica,sans-serif;
  --mono:Consolas,"DejaVu Sans Mono","Courier New",monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:17px/1.62 var(--body);}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent)}
a:focus-visible,.plate:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.stage a:focus-visible,.contactband a:focus-visible,.plate:focus-visible{outline-color:var(--paper)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--sheet);padding:8px 12px;z-index:5;outline:2px solid var(--accent)}
.canvas{max-width:1160px;margin:0 auto;padding:0 24px}
.route{font:12px/1.4 var(--mono);letter-spacing:.06em;color:var(--meta);text-transform:none}

/* header */
.siteheader{border-bottom:1px solid var(--rule)}
.siteheader-row{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.wordmark span{font:26px var(--display);letter-spacing:.04em;text-transform:uppercase}
.wordmark-small{font:20px var(--display);letter-spacing:.04em;text-transform:uppercase}
.pagelinks{display:flex;flex-wrap:wrap;gap:20px}
.pagelinks a,.nav-here{font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.pagelinks a{color:var(--ink);border-bottom:1px solid transparent}
.pagelinks a:hover{border-bottom-color:var(--accent);color:var(--accent)}
.nav-here{color:var(--accent)}

/* anchor index */
.anchorwrap{border-bottom:1px solid var(--rule);background:var(--paper)}
.anchorindex{list-style:none;margin:0;padding:8px 0;display:flex;flex-wrap:wrap;gap:8px 32px;min-height:30px;align-items:baseline}
.anchorindex li{display:flex;align-items:baseline;gap:8px}
.anchorindex a{font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.anchorindex a:hover{color:var(--accent)}
.anchorindex .route{font-size:11px}

/* stage + offset panel */
.stagewrap{padding:48px 0 0}
.stagegrid{display:grid;grid-template-columns:1fr 520px;align-items:start}
.stage{grid-column:1 / span 2;grid-row:1;background:#22221F;height:420px;overflow:hidden}
.stage img{width:100%;height:420px;object-fit:cover}
.panel{grid-column:2;grid-row:1;background:var(--sheet);border-left:4px solid var(--accent);
  margin-left:-64px;margin-top:56px;padding:32px 32px 28px;align-self:start;z-index:1;position:relative}
.panel h1{font:46px/1.05 var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0 0 12px}
.shortname{font:13px var(--mono);letter-spacing:.08em;color:var(--meta);margin:0 0 24px}
.panel-link a{font:13px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.panel-link .route{display:block;margin-top:4px;letter-spacing:.06em}

/* chapter */
.chapter{padding:64px 0 48px}
.chaptergrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
h2{font:22px var(--display);letter-spacing:.09em;text-transform:uppercase;margin:0 0 16px;
  padding-bottom:8px;border-bottom:1px solid var(--rule)}
.chapter-text p{max-width:64ch;margin:0 0 16px}
.pullline{font:italic 15px/1.6 Georgia,"Times New Roman",serif;color:var(--meta);
  border-left:4px solid var(--accent);padding-left:16px;margin-top:24px}
.routelist{margin:0}
.drow{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);padding:12px 0}
.drow dt{font:15px var(--body);font-weight:bold}
.drow dd{margin:0}

/* plates */
.plates{padding:0 0 56px}
.plategrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule)}
.plate{height:120px;background:#22221F;color:var(--paper);text-decoration:none;
  display:flex;flex-direction:column;justify-content:flex-end;padding:16px;border-right:1px solid var(--darkrule)}
.plate:last-child{border-right:0}
.plate-name{font:22px var(--display);letter-spacing:.06em;text-transform:uppercase}
.plate .route{color:#BEBAB2;margin-top:6px}
.plate:hover .plate-name{color:#F0B4B0}

/* contact band */
.contactband{background:#22221F;color:var(--paper);padding:40px 0}
.contactband h2{color:var(--paper);border-bottom-color:var(--darkrule)}
.contactrow p{margin:0 0 8px}
.contactband a{color:var(--paper);font:13px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--accent)}
.contactband .route{display:inline-block;margin-left:8px;color:#BEBAB2}
.contactband .shortname{color:#BEBAB2;margin-top:16px}

/* inner pages */
.titleband{padding:56px 0 24px}
.titleband h1{font:34px/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0;
  border-left:4px solid var(--accent);padding-left:16px}
.titleband .route{margin:10px 0 0 20px}
.innerpanel{padding:16px 0 8px}
.innerpanelgrid{display:grid;grid-template-columns:420px 1fr;align-items:stretch}
.innerplate{background:#22221F;color:var(--paper);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px}
.innerplate .plate-name{font:30px var(--display);letter-spacing:.06em;text-transform:uppercase}
.innerplate .route{color:#BEBAB2;margin-top:8px}
.innerstage{background:#1B1B18;overflow:hidden}
.innerstage img{width:100%;height:200px;object-fit:cover;object-position:left center}
.innerbody{padding:32px 0 64px}
.siblinglist{list-style:none;margin:0;padding:0;max-width:640px}
.siblinglist li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  border-bottom:1px solid var(--rule);padding:14px 0}
.siblinglist a{font:16px var(--body);text-decoration:none;border-bottom:1px solid var(--accent)}
.return{margin-top:28px}
.return a{font:13px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}

/* footer */
.sitefooter{border-top:1px solid var(--rule);padding:24px 0 40px}
.sitefooter-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}

@media (max-width:900px){
  .chaptergrid{grid-template-columns:1fr;gap:32px}
  .plategrid{grid-template-columns:repeat(2,1fr)}
  .plate{border-right:0}
}
@media (max-width:760px){
  .siteheader-row{height:auto;padding-top:20px;padding-bottom:16px;flex-direction:column;align-items:flex-start;gap:12px}
  .pagelinks{gap:14px 20px}
  .anchorindex{flex-direction:column;gap:10px}
  .anchorindex li{flex-direction:column;gap:2px}
  .stagewrap{padding-top:28px}
  .stagegrid{grid-template-columns:1fr}
  .stage{grid-column:1;height:240px}
  .stage img{height:240px}
  .panel{grid-column:1;grid-row:2;margin:0;border-left:0;border-top:4px solid var(--accent);padding:24px}
  .panel h1{font-size:30px}
  .plategrid{grid-template-columns:1fr}
  .plate{height:96px}
  .titleband h1{font-size:25px}
  .innerpanelgrid{grid-template-columns:1fr}
  .innerplate{min-height:150px}
  .innerstage img{height:140px}
  .sitefooter-row{flex-direction:column;align-items:flex-start}
}