@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Work+Sans:wght@600&display=swap);
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: none; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

* { box-sizing: border-box; }

.grid { margin: 0 0 20px 0; }

.grid:after { content: ""; display: table; clear: both; }

[class*='col-'] { float: left; }

@media (min-width: 600px) { [class*='col-'] { padding-right: 20px; } }

.grid [class*='col-']:last-of-type { padding-right: 0; }

.col-2-3 { width: 100%; }

@media (min-width: 600px) { .col-2-3 { width: 66.6666666667%; } }

.col-1-3 { width: 100%; }

@media (min-width: 600px) { .col-1-3 { width: 33.3333333333%; } }

.col-1-2 { width: 100%; }

@media (min-width: 600px) { .col-1-2 { width: 50%; } }

.col-1-4 { width: 100%; }

@media (min-width: 600px) { .col-1-4 { width: 25%; } }

.col-3-4 { width: 100%; }

@media (min-width: 600px) { .col-3-4 { width: 75%; } }

.col-1-6 { width: 100%; }

@media (min-width: 600px) { .col-1-6 { width: 16.6666666667%; } }

.col-5-6 { width: 100%; }

@media (min-width: 600px) { .col-5-6 { width: 83.3333333333%; } }

.col-1-8 { width: 100%; }

@media (min-width: 600px) { .col-1-8 { width: 12.5%; } }

.col-1-12 { width: 100%; }

@media (min-width: 600px) { .col-1-12 { width: 8.3333333333%; } }

.col-5-12 { width: 100%; }

@media (min-width: 600px) { .col-5-12 { width: 41.6666666667%; } }

.col-7-12 { width: 100%; }

@media (min-width: 600px) { .col-7-12 { width: 58.3333333333%; } }

.col-11-12 { width: 100%; }

@media (min-width: 600px) { .col-11-12 { width: 91.6666666667%; } }

@media (min-width: 600px) { .shift-1-12 { margin-left: 8.3333333333%; } }

/* Opt-in outside padding */
.grid-pad { padding: 20px 0 20px 20px; }

.grid-pad [class*='col-']:last-of-type { padding-right: 20px; }

header, section, footer, nav { display: block; }

.clear { clear: both; }

html, body { overflow-x: hidden; background-color: #FFF; }

body { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 14pt; min-height: 100%; }

body:after { content: 'mobile'; display: none; }

@media (min-width: 600px) { body:after { content: 'desktop'; } }

a, a:hover, a:visited { text-decoration: none; color: inherit; }

em { font-style: italic; }

blockquote { quotes: "“" "”"; color: #666; font-style: italic; }

figure { position: relative; }

figure figcaption { position: absolute; left: 0; bottom: 0; background-color: white; line-height: 1.2; padding: 4px 5px 0px 4px; margin: 0.3em; font-style: italic; font-size: 0.9em; text-transform: uppercase; }

button:focus { outline: none; }

.content, #content .post .content-container > *, footer { color: #000; }

@-webkit-keyframes flip { 0% { -webkit-transform: translateY(0pt); }
  95% { -webkit-transform: translateY(0pt); }
  97% { -webkit-transform: translateY(10pt); }
  100% { -webkit-transform: translateY(0pt); } }

@-moz-keyframes flip { 0% { -moz-transform: translateY(0pt); }
  95% { -moz-transform: translateY(0pt); }
  97% { -moz-transform: translateY(10pt); }
  100% { -moz-transform: translateY(0pt); } }

@keyframes flip { 0% { -webkit-transform: translateY(0pt);
    -moz-transform: translateY(0pt);
    -ms-transform: translateY(0pt);
    -o-transform: translateY(0pt);
    transform: translateY(0pt); }
  95% { -webkit-transform: translateY(0pt);
    -moz-transform: translateY(0pt);
    -ms-transform: translateY(0pt);
    -o-transform: translateY(0pt);
    transform: translateY(0pt); }
  97% { -webkit-transform: translateY(10pt);
    -moz-transform: translateY(10pt);
    -ms-transform: translateY(10pt);
    -o-transform: translateY(10pt);
    transform: translateY(10pt); }
  100% { -webkit-transform: translateY(0pt);
    -moz-transform: translateY(0pt);
    -ms-transform: translateY(0pt);
    -o-transform: translateY(0pt);
    transform: translateY(0pt); } }

header.subpage { padding-top: 5em; }

header.homepage { position: relative; height: 100vmin; }

header.homepage .carousel-container { position: relative; height: 100vmin; width: 100%; margin-top: 4em; margin-top: 0; position: absolute; top: 0; left: 0; }

header.homepage figure.carousel { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; border-bottom: 12pt solid #000; background-repeat: no-repeat; background-size: cover; background-position: center center; background-blend-mode: screen; opacity: 0; transition: opacity 1000ms; }

header.homepage figure.carousel.fit { background-size: 25% auto; }

header.homepage figure.carousel.focus-top { background-position: center top; }

header.homepage figure.carousel.focus-bottom { background-position: center bottom; }

header.homepage figure.carousel iframe { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 35%; height: 35%; }

h1 { font-size: 28pt; text-transform: uppercase; padding-bottom: 1.5em; }

h1.page-title { font-family: 'Cormorant Garamond', serif; font-weight: 400; }

h1 .subtitle { font-family: 'Cormorant Garamond', serif; font-weight: 300; display: block; font-size: 13pt; font-style: italic; }

h1 .full-name, h1 .description { color: #D83100; text-align: left; display: inline; letter-spacing: 0pt; /* background-color: rgba(255,255,255,1.0); */ display: table; line-height: 0.9; padding-top: 4pt; white-space: nowrap; }

h1 .full-name { font-family: 'Work Sans', sans-serif; font-weight: 600; }

h1 .description { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-style: italic; padding-right: 4pt; }

header.subpage h1.page-title { max-width: 760px; padding-left: 40px; margin-right: 40px; margin-top: 1em; }

header.homepage h1.page-title { position: absolute; z-index: 10; }

header.homepage h1.page-title { margin-top: 1.5em; padding: 0; padding-bottom: 12pt; margin: 0; bottom: 0; }

nav.site { z-index: 10; background-color: white; position: relative; text-transform: uppercase; }

nav.site::after { position: absolute; content: ''; background-image: linear-gradient(45deg, #000 25%, #FFF 25%, #FFF 50%, #000 50%, #000 75%, #FFF 75%, #FFF 100%); background-size: 5.66px 5.66px; pointer-events: none; bottom: 0; left: 0; right: 0; height: 7px; width: 100%; }

@media all and (orientation: landscape) { nav.site { position: absolute; right: 0; top: 0; } }

nav.site ul, nav.site li, nav.site a { display: inline-block; }

nav.site a { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 14pt; font-style: italic; color: #000; padding: 10px 0px 6px 15px; }

nav.site a.current { color: #F0F; }

nav.site a:hover { color: #F0F; }

nav.site li:last-child a { padding-right: 15px; }

#content, footer { padding: 15px 0px; }

#content, header, section { background-color: white; }

#content, footer, header { color: #000; line-height: 1.5; }

.content, #content .post .content-container > * { padding-left: 40px; margin-right: 40px; max-width: 800px; letter-spacing: 0.5px; }

.content a, #content .post .content-container > * a { font-style: italic; background-image: linear-gradient(0deg, transparent 15%, rgba(255, 255, 0, 0.7) 15%, rgba(255, 255, 0, 0.7) 40%, transparent 40%); }

.content a:hover, #content .post .content-container > * a:hover { background-image: linear-gradient(0deg, transparent 15%, rgba(255, 255, 0, 0.7) 15%, rgba(255, 255, 0, 0.7) 85%, transparent 85%); }

#content h1, #content h2, #content h3 { font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 28pt; line-height: 1.2; padding-bottom: 1.25em; }

#content h3 { font-size: 21pt; }

#content .post.reorder-post-parts h1 { order: -3; }

#content .post.reorder-post-parts p.date { order: 1; }

#content .post.reorder-post-parts p.abstract { order: -2; }

#content .post.reorder-post-parts .media { order: -1; }

#content .post { position: relative; border-bottom: 12pt solid #000; }

#content .post:last-child { border-bottom: none; }

#content .post .content-container { background-color: #FFF; padding-top: 200px; padding-bottom: 200px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }

#content .post p { padding-bottom: 1em; }

#content .post p.date { font-size: 14pt; font-style: italic; padding-top: 0.5em; }

#content .post p.abstract { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-style: italic; font-size: 18pt; padding-bottom: 0; }

#content .post figure.flow-image { padding-left: 0px; margin-left: 40px; }

#content .post figure.flow-image img { max-width: 100%; }

#content .post .media { padding-left: 0; margin-right: 0; margin-bottom: 3em; margin-top: 3em; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -moz-align-content: stretch; align-content: stretch; -ms-flex-line-pack: stretch; max-width: 1200px; position: relative; }

@media (min-width: 600px) { #content .post .media { height: 40em; } #content .post .media.ar-16-9 { height: 337.5px; } #content .post .media.ar-5-4 { height: 480px; } }

#content .post .media li { display: block; overflow: hidden; position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; z-index: 2; /*background-color: #FFF;*/ width: 100%; max-height: 65vh; padding-bottom: 1px; }

#content .post .media li:last-child { padding-bottom: 0; }

@media (min-width: 600px) { #content .post .media li { padding-bottom: 0; max-height: initial; width: auto; } #content .post .media li:nth-child(3n + 1) { width: 66.6666666667%; height: 100%; padding-right: 1px; } #content .post .media li:nth-child(3n + 2), #content .post .media li:nth-child(3n + 3) { width: 33.3333333333%; height: 50%; } #content .post .media li:nth-child(3n + 2) { padding-bottom: 1px; } #content .post .media li:first-child:nth-last-child(1) { width: 100%; height: 100%; padding-right: 0; } #content .post .media li:first-child:nth-last-child(2) { width: 50%; } #content .post .media li:nth-child(2):nth-last-child(1) { width: 50%; height: 100%; padding-bottom: 0px; } #content .post .media li:nth-last-child(n+4), #content .post .media li:nth-last-child(n+4) ~ li { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-align-content: stretch; -moz-align-content: stretch; align-content: stretch; -ms-flex-line-pack: stretch; height: auto; width: 50%; padding-bottom: 1px; padding-right: 1px; } #content .post .media li:nth-last-child(n+4) ~ li:nth-last-child(1), #content .post .media li:nth-last-child(n+4) ~ li:nth-last-child(2) { padding-bottom: 0; } #content .post .media li:nth-last-child(n+4) ~ li:nth-child(2n) { padding-right: 0; } #content .post .media li.width-1-1 { width: 100%; padding-right: 0; } #content .post .media li.width-1-1 ~ li:nth-child(2n) { padding-right: 1px; } #content .post .media li.width-1-1 ~ li:nth-child(2n+1) { padding-right: 0; } #content .post .media li.width-1-3 { width: 33.3333333333% !important; padding-right: 1px !important; } #content .post .media li.width-1-3 + li.width-1-3 + li.width-1-3 { padding-right: 0 !important; } #content .post .media li.width-1-3 ~ li:nth-child(2n) { padding-right: 0; } #content .post .media li.width-1-3 ~ li:nth-child(2n+1) { padding-right: 1px; } #content .post .media li.width-1-3.square { height: 400px; } #content .post .media li.width-2-3 { width: 66.6666666667% !important; padding-right: 1px !important; } #content .post .media li.width-2-3 + li.width-1-3 { padding-right: 0 !important; } #content .post .media li.width-2-3 ~ li:nth-child(2n) { padding-right: 0; } #content .post .media li.width-2-3 ~ li:nth-child(2n+1) { padding-right: 1px; } #content .post .media li.width-2-3.square { height: 800px; } #content .post .media li.width-1-4 { width: 25% !important; padding-right: 1px !important; } #content .post .media li.width-1-4 + li.width-1-4 + li.width-1-4 + li.width-1-4 { padding-right: 0 !important; } #content .post .media li.width-1-4 ~ li:nth-child(3n) { padding-right: 0; } #content .post .media li.width-1-4 ~ li:nth-child(3n+1) { padding-right: 1px; } #content .post .media li.width-1-4.square { height: 300px; } }

#content .post .media li figure, #content .post .media li a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-align-content: center; -moz-align-content: center; align-content: center; -ms-flex-line-pack: center; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; }

#content .post .media li img { object-fit: cover; object-position: 50% 50%; }

#content .post .media li img.fit { object-fit: contain; }

#content .post .media li img.focus-top { object-position: 50% 0%; }

#content .post .media li img.focus-bottom { object-position: 50% 100%; }

#content .post .media li figure, #content .post .media li a, #content .post .media li img, #content .post .media li iframe { line-height: 0; overflow: hidden; background-color: #000; width: 100%; max-height: calc( 65vh - 1px); min-height: 56.25vw; }

#content .post .media li figure.matte-white, #content .post .media li a.matte-white, #content .post .media li img.matte-white, #content .post .media li iframe.matte-white { background-color: #FFF; }

@media (min-width: 600px) { #content .post .media li figure, #content .post .media li a, #content .post .media li img, #content .post .media li iframe { max-height: initial; min-height: initial; height: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } }

#content .post .media li.limit-height { max-height: 25em; }

@media (min-width: 600px) { #content .post .media.portrait-left li:nth-child(3n + 1) { width: 33.3333333333%; } #content .post .media.portrait-left li:nth-child(3n + 2), #content .post .media.portrait-left li:nth-child(3n + 3) { width: 66.6666666667%; } }

@media (min-width: 600px) { #content .post .media.auto-height { height: auto; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } }

#content .post .video-container { overflow: hidden; }

#content iframe, #content object, #content embed { width: 100%; height: 100%; }

#content .tags { display: none; }

footer { padding-left: 40px; font-size: 13pt; font-style: italic; padding-top: 50px; background-color: black; color: white; }

footer li { display: inline; border-left: none; padding: 0 1em; }

footer li:first-child { padding-left: 0; }

footer li + li { border-left: 1px dotted #FFF; }

footer a, footer a:visited { color: white; }

.lightbox { position: relative; position: relative; position: fixed; top: -1000px; left: 0; transform: translateY(-50%); height: 0vh; width: 100vw; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0px 3px 14px 1px rgba(0, 0, 0, 0.2); padding-top: 20px; padding-bottom: 20px; z-index: 20; opacity: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; transition: opacity 0.5s ease-out 0.5s, height 0s linear 1.0s; }

.lightbox::before { position: absolute; content: ''; background-image: linear-gradient(45deg, #000 25%, #FFF 25%, #FFF 50%, #000 50%, #000 75%, #FFF 75%, #FFF 100%); background-size: 5.66px 5.66px; pointer-events: none; top: 0; left: 0; right: 0; height: 8px; width: 100%; }

.lightbox::after { position: absolute; content: ''; background-image: linear-gradient(45deg, #000 25%, #FFF 25%, #FFF 50%, #000 50%, #000 75%, #FFF 75%, #FFF 100%); background-size: 5.66px 5.66px; pointer-events: none; bottom: 0; left: 0; right: 0; height: 8px; width: 100%; }

.lightbox img { opacity: 0; transition: opacity 0.5s ease-out 0s; position: relative; max-height: 100%; max-width: 80%; }

@media all and (orientation: portrait) { .lightbox img { max-width: 100%; } }

.lightbox.visible { height: 80vh; opacity: 1; transition: opacity 0.5s ease-out 0s, height 0s linear 0s; top: 50%; }

@media all and (orientation: portrait) { .lightbox.visible { height: 100vh; } }

.lightbox.visible img { opacity: 1; transition: opacity 0.5s ease-out 0.5s; }

.lightbox button { border: none; background: none; margin: 0; padding: 0; font-size: 50px; position: absolute; cursor: pointer; z-index: 21; }

.lightbox button.close { top: 20px; right: 20px; }

.lightbox button.prev, .lightbox button.next { display: none; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media all and (orientation: portrait) { .lightbox button.prev, .lightbox button.next { top: initial; bottom: 20px; } }

.lightbox button.prev { -webkit-transform: scale(-1, 1) translateY(-50%); -moz-transform: scale(-1, 1) translateY(-50%); -ms-transform: scale(-1, 1) translateY(-50%); -o-transform: scale(-1, 1) translateY(-50%); transform: scale(-1, 1) translateY(-50%); left: 20px; }

.lightbox button.next { right: 20px; }

.lightbox.has-next button.next { display: block; }

.lightbox.has-prev button.prev { display: block; }

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