/* titillium-web-regular - latin */
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: url("../fonts/titillium-web-v15-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/titillium-web-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v15-latin-regular.woff2") format("woff2"), url("../fonts/titillium-web-v15-latin-regular.woff") format("woff"), url("../fonts/titillium-web-v15-latin-regular.ttf") format("truetype"), url("../fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb") format("svg"); /* Legacy iOS */ }

/* titillium-web-600 - latin */
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: url("../fonts/titillium-web-v15-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/titillium-web-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v15-latin-600.woff2") format("woff2"), url("../fonts/titillium-web-v15-latin-600.woff") format("woff"), url("../fonts/titillium-web-v15-latin-600.ttf") format("truetype"), url("../fonts/titillium-web-v15-latin-600.svg#TitilliumWeb") format("svg"); /* Legacy iOS */ }

/* titillium-web-200 - latin */
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 200; src: url("../fonts/titillium-web-v15-latin-200.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/titillium-web-v15-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v15-latin-200.woff2") format("woff2"), url("../fonts/titillium-web-v15-latin-200.woff") format("woff"), url("../fonts/titillium-web-v15-latin-200.ttf") format("truetype"), url("../fonts/titillium-web-v15-latin-200.svg#TitilliumWeb") format("svg"); /* Legacy iOS */ }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

html, body { height: 100%; }

body { display: flex; flex-direction: column; background-color: #ffffff; color: #464646; font-family: lucida sans unicode,lucida grande,sans-serif; line-height: 1.4; }

h1, h2, h3 { font-family: 'Titillium Web',lucida sans unicode,lucida grande,sans-serif; }

h3, h4 { margin-bottom: 0; }

h3 + *, h4 + * { margin-top: 0; }

h4 { font-weight: 600; font-style: italic; }

a { color: #0a3007; }

a:hover { color: #1D8A13; }

tbody:not(:last-child) tr:last-child th, tbody:not(:last-child) tr:last-child td { padding-bottom: 1em; }

th { font-weight: normal; text-align: right; vertical-align: top; padding-right: 3em; }

ul { list-style: none; padding: 0; }

header { text-transform: uppercase; width: 80em; max-width: 100%; align-self: center; margin: 1rem 0 1.5rem 0; display: grid; grid-template-areas: "languages" "title"; }

header a { text-decoration: none; color: inherit; }

header a:hover { color: inherit; }

header hgroup { grid-area: title; z-index: 1; justify-self: stretch; align-self: flex-end; line-height: 1; text-transform: uppercase; font-family: 'Titillium Web',lucida sans unicode,lucida grande,sans-serif; }

header hgroup > * { display: grid; grid-template-columns: 1fr 1fr; }

header hgroup > * :first-child { justify-self: end; text-align: right; padding-right: 0.15rem; transform-origin: bottom right; }

header hgroup > * :last-child { justify-self: start; padding-left: 0.15rem; transform: translate(0, 0.5rem); transform-origin: top left; }

header hgroup h1 { margin: 0; font-weight: 600; font-size: 1.5em; }

header hgroup div { font-weight: 200; font-size: 1.5em; }

header .language-selector { grid-area: languages; justify-self: end; list-style: none; margin: 0; }

header .language-selector li { display: inline-block; text-transform: uppercase; }

header .language-selector img { height: 1.5em; vertical-align: middle; margin: 0 0.2em; }

nav { background-color: #101010; color: #fff; }

nav a { color: #fff; text-decoration: none; }

nav a:hover { text-decoration: #D5F2D3; }

nav ul { list-style: none; margin: 0; }

nav ul li { display: inline-block; text-transform: uppercase; }

nav .nav-button { border: none; background: none; text-transform: uppercase; color: #fff; margin: 1em 0; }

nav .page-nav { display: none; position: absolute; background-color: #101010; width: 100%; max-width: 100%; z-index: 10; }

nav .page-nav.active { display: block; }

nav .acting-nav, nav .art-nav { margin: 1em 0; }

nav .acting-nav li, nav .art-nav li { display: block; padding: 0 1em; line-height: 2em; }

nav .acting-nav li a, nav .art-nav li a { display: block; }

nav.active .acting-nav, nav.active .art-nav { display: block; }

main { flex-grow: 1; width: 60em; max-width: 100%; align-self: center; margin-bottom: 4em; }

main > h2, main > table, main > section > :not(.video-player) { margin-left: 1rem; margin-right: 1rem; }

main.index { display: grid; height: min-content; margin-bottom: 0; }

main.index > * { margin-left: 1rem; margin-right: 1rem; }

main.index .portrait { margin: 0; grid-row-start: 3; width: 100%; object-fit: contain; object-position: top; justify-self: stretch; }

main.gallery > section > * { margin: inherit; }

main.gallery ul { padding: 0; margin-bottom: 4em; display: grid; list-style: none; grid-auto-rows: 100vw; grid-auto-flow: row; }

main.gallery ul img { width: 100%; height: 100%; object-fit: cover; object-position: center 5%; }

main.gallery .portraits ul, main.gallery .onstage ul { grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); }

main.notfound { text-align: center; display: flex; flex-direction: column; justify-content: center; }

main.audio { display: grid; grid-gap: 1em; grid-template-areas: "english" "german" "norwegian"; }

main.audio .english { grid-area: english; }

main.audio .german { grid-area: german; }

main.audio .norwegian { grid-area: norwegian; }

main.audio audio + p, main.audio .video-frame + p { margin-top: 0; }

main.audio p + audio { margin-top: 2em; }

body.de main.audio { grid-template-areas: "german" "norwegian" "english"; }

main.vita .download-link { float: right; display: block; margin-left: 1em; }

main.vita .download-link img { height: 8em; }

footer { background-color: #101010; color: #ffffff; }

footer a { color: #ffffff; }

footer > div { width: 60em; max-width: 100%; margin: 0 1rem; display: flex; flex-direction: row; justify-content: flex-end; line-height: 4em; }

footer small { flex-grow: 1; }

footer .social-media-links { list-style: none; margin: 0; display: flex; }

footer .social-media-links li { padding: 0; }

footer .social-media-links img { height: 2em; vertical-align: middle; margin-left: 1em; }

@media only screen and (min-width: 20em) { header h1 { font-size: calc(2.3em + 0.035 * (100vw - 20em)); } }

@media only screen and (min-width: 23em) { main.gallery .portraits ul, main.gallery .onstage ul { grid-auto-rows: 11em; } }

@media only screen and (min-width: 40em) { header { grid-template-areas: ". title languages"; grid-template-columns: 10em 1fr 10em; } main.index { grid-template-columns: 3fr 2fr; column-gap: 2em; height: min-content; margin-bottom: 0; } main.index h2 { grid-row: 1; grid-column-start: 1; grid-column-end: -1; } main.index .portrait { grid-column: 2; grid-row-start: 2; grid-row-end: 999; max-width: 100%; object-fit: contain; object-position: top; justify-self: stretch; } main.audio, body.de main.audio { grid-template-columns: 1fr 1fr; grid-template-rows: max-content 1fr; grid-template-areas: "english german" "norwegian german"; column-gap: 3em; } }

@media only screen and (min-width: 45em) { nav .nav-button { display: none; } nav .page-nav { position: initial; width: 60em; margin: 0 auto; display: grid; grid-template-areas: "acting . art"; grid-template-columns: max-content 1fr max-content; } nav .page-nav.active { display: grid; } nav .acting-nav { grid-area: acting; display: flex; } nav .acting-nav li { flex-grow: 1; text-align: center; display: inline-block; line-height: inherit; border: none; } nav .art-nav { grid-area: art; display: flex; } nav .art-nav li { flex-grow: 1; text-align: center; display: inline-block; line-height: inherit; border: none; } }

@media only screen and (min-width: 60em) { nav .acting-nav li:first-child, nav .art-nav li:first-child { padding-left: 0; } nav .acting-nav li:last-child, nav .art-nav li:last-child { padding-right: 0; } main.index > * { margin-left: 0; margin-right: 0; } main > h2, main > table, main > section > :not(.video-player) { margin-left: inherit; margin-right: inherit; } main.gallery ul { grid-gap: 1em; } main.gallery .portraits ul li:first-child { grid-column: -3 / -1; grid-row: 1 / 4; } main.gallery .onstage ul li:first-child { grid-column: 1 / 3; grid-row: 1 / 3; } footer > div { margin: 0 auto; } }

/*# sourceMappingURL=main.css.map */