/* Skin: "swiss" — International Typographic. Helvetica, red accent, grid, whitespace. */
.skin-swiss { background: #e9e9e9; }
.skin-swiss .viewport { background: #fff; }
.skin-swiss .site { max-width: 880px; margin: 0 auto; font-family: "Helvetica Neue", Arial, sans-serif; }
.skin-swiss .masthead { padding: 56px 48px 28px; text-align: left; background: #fff; border-bottom: 6px solid #e2231a; }
.skin-swiss .brand { margin: 0; font: 800 64px/0.95 "Helvetica Neue", Arial, sans-serif; letter-spacing: -2px; color: #111; }
.skin-swiss .tag { margin: 16px 0 0; font-size: 19px; font-weight: 400; color: #111; max-width: 30ch; }
.skin-swiss .content { padding: 34px 48px 44px; }
.skin-swiss .content p { font-size: 17px; line-height: 1.6; color: #111; margin: 0 0 1.05em; }
.skin-swiss .content h2 { font: 700 26px "Helvetica Neue", Arial; color: #111; margin: 1.6em 0 .4em; }
.skin-swiss .content a, .skin-swiss .period-links a { color: #e2231a; text-decoration: none; border-bottom: 2px solid #e2231a; }
.skin-swiss .period-links { font-size: 16px; margin: 0 0 22px; font-weight: 700; }
.skin-swiss .inline img { max-width: 100%; height: auto; display: block; }
.skin-swiss .inline figcaption, .skin-swiss .tile figcaption { font-size: 14px; color: #555; margin-top: 6px; }
.skin-swiss .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; margin-top: 26px; }
.skin-swiss .tile { margin: 0; }
.skin-swiss .tile img { width: 100%; height: auto; display: block; }
.skin-swiss .period-foot { background: #111; color: #fff; font-size: 14px; padding: 22px 48px; text-align: left; }