/* Synergy Universe Polska: Polish type and colour. Lato (Łukasz Dziedzic, Warsaw, 2010; SIL OFL),
   white and red of the flag, and bold flat colour with heavy type after the Polish School of Posters. */
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lato-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lato-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/lato-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/lato-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:900;font-display:swap;src:url(fonts/lato-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:900;font-display:swap;src:url(fonts/lato-latin-ext-900-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
:root{
  --font:"Lato","Helvetica Neue",Arial,sans-serif;
  --paper-2:#F7F3F0;
  --ink:#1A1A1A;
  --rule:#1A1A1A;
  --deep:#A50E2D;
}
body{font-feature-settings:normal}
h1,h2,h3,h4{font-weight:900;letter-spacing:-.01em}
.hero h1{font-weight:900;letter-spacing:-.025em;line-height:1.02;font-variation-settings:normal}
.fig b,.person .years b,.person .name{font-weight:900}
.journey h3,.clients h3,.eco h3,.track h4,.offices b{font-weight:700}
/* white-red band of the flag over the header */
.top{border-bottom:0;box-shadow:0 1px 0 #E6E1DC}
.top::before{content:"";display:block;height:10px;background:linear-gradient(to bottom,#FFFFFF 0 50%,#DC143C 50%);border-top:1px solid #E6E1DC}
/* hero: flat red poster */
.hero{background:#DC143C;color:#fff}
.hero-flag{display:none}
.hero::after{content:"";position:absolute;right:-8vw;bottom:-14vw;width:46vw;height:46vw;max-width:640px;max-height:640px;border-radius:50%;background:#fff;opacity:.09;pointer-events:none}
.hero .eyebrow,.hero .eyebrow .red,.hero h1,.hero .lead,.hero p,.hero a:not(.btn){color:#fff}
.hero h1 .dot{color:#1A1A1A}
.hero .btn.primary{background:#fff;border-color:#fff;color:#DC143C}
.hero .btn.primary:hover{background:#1A1A1A;border-color:#1A1A1A;color:#fff}
.hero .btn:not(.primary){border-color:#fff;color:#fff}
.hero .btn:not(.primary):hover{background:#fff;color:#DC143C}
/* poster-style section heads: red block before the title */
.head h2::before{content:"";display:block;width:44px;height:44px;background:var(--red);margin-bottom:20px}
.eyebrow{letter-spacing:.14em;font-weight:700}
.btn{border-radius:4px;font-weight:700}
.btn.primary:hover{background:var(--deep);border-color:var(--deep);color:#fff}
.creds li::before{border-radius:50%}
.figures{background:var(--paper-2)}
.band{background:#1A1A1A;color:#fff}
.band .eyebrow,.band h2,.band p,.band .faculty{color:#fff}
.band .muted{color:#D6D2CE}
footer{background:#1A1A1A;color:#C9C4BF;border-top:10px solid #DC143C}
footer .col b{color:#fff}
footer a:hover{color:#fff;text-decoration:underline}
footer .draft{border-top-color:#333}
/* mobile: show the menu instead of hiding it */
@media (max-width:980px){
  .top{position:static}
  nav.primary{display:flex;grid-column:1 / span 12;grid-row:2;flex-wrap:wrap;justify-content:flex-start;gap:6px 18px;padding:0 0 14px;font-size:14px}
  .top .grid{min-height:0;padding-top:10px}
}
.as-index b,.as-sec legend,.as-score h2{font-weight:900}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--deep:#F2465F}}
.band .btn:not(.primary){border-color:#fff;color:#fff}
.band .btn:not(.primary):hover{background:#fff;color:#1A1A1A}