@font-face {font-family: "Cormorant Garamond";src: url("CormorantGaramond-Medium.ttf");}body {font-family: Garamond, serif;}.banner {height: 50vh;max-height: 15ex;min-height: 240px;flex-shrink: 0;}.nav a {color: #000;text-decoration: none;transition: text-shadow 0.4s ease;}.nav a:hover {text-shadow: #FFFFFF 1px 1px 1px, transparent 3px 3px 3px;transition: text-shadow 0.2s ease;}.main {display: flex;flex-direction: column;height: 100vh;min-width: 280px;overflow: hidden auto;perspective: 32px;perspective-origin: 50% 0;transform-style: flat;background: linear-gradient(to bottom, #222, #111);font-size: 6vw;}@media all and (min-aspect-ratio: 4/3) {.main {font-size: 8vh;}}@media (max-width: 580px), (max-height: 430px) {.main {font-size: 26pt;}}.head .nav {padding: 0 5px 0 20px;margin: 0;vertical-align: top;list-style: none;font-size: 12pt;pointer-events: all;}.head .nav li {padding: 5px 0;}.head .logo {font-family: 'Cormorant Garamond', Garamond, serif;display: block;pointer-events: all;color: inherit;text-decoration: none;text-shadow: inherit;}.header {transform-style: preserve-3d;pointer-events: none;text-align: right;max-height: 15ex;flex-shrink: 0;flex-basis: 50vh;}.header.small {flex-basis: 0;line-height: 0;}.header.small .banner {transform: translate3d(0, -185%, -64px) scale3d(3, 3, 1);}.header.small .head {display: inline-block;transform: none;}.header.small .nav {display: none;}@media (min-aspect-ratio: 3/8) {.banner {min-height: 100px;}.header.small .head {height: 0;}.header.small .banner {transform: translate3d(0, -65%, -64px) scale3d(3, 3, 1);transform: translate3d(0, -185%, -64px) scale3d(3, 3, 1);background-position: 67% 60%;}.header .head {margin-right: 1em;display: inline-block;transform-origin: 150px -50vh;transform: translate3d(0, 0, -16px) scale3d(1.5, 1.5, 1);}.header .head .nav {display: inline-block;}.header .head .nav li {display: inline;}.header .head .nav li:not(:first-child)::before {content: "";border-left: 1px solid grey;margin: 5px;font-size: 60%;vertical-align: middle;}}@media (min-aspect-ratio: 5/7) {.header:not(.small) .head {transform-origin: 100px -60vh;margin-right: 0;}}.banner {position: absolute;width: 100%;overflow: hidden;background-image: url(banner.jpg);background-position: 67% 30%;background-size: cover;transform: translateZ(-64px) scale3d(3, 3, 1);transform-origin: 50% 0 0px;}.background {position: absolute;top: 0;width: 100%;height: 100%;transform-origin: 50% 0;transform: translate3d(0, 0, -24px) scale3d(1.75, 1.75, 1);background: linear-gradient(to left, rgba(240, 240, 200, 0.95), transparent 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.85), transparent 20vh);mask: radial-gradient(farthest-corner at 100% -200%, #FFF 70%, transparent);}.head {position: relative;color: #000;line-height: 1.5;text-align: right;text-shadow: #fff 0px 0px 1px, #888 3px 3px 3px;white-space: nowrap;user-select: none;-moz-user-select: none;}.content {flex-basis: 100%;background: linear-gradient(to right top, #DDD, #FFF);font-size: 16pt;z-index: 1;}.responsive-text {padding: 0 1em;margin-bottom: 25vh;}@media (min-aspect-ratio: 1) {.responsive-text {padding: 0 20%;}}code {display: block;white-space: pre;border: 1px solid;padding: 0.2em 1em;font-size: 0.7em;overflow: auto;}.grid-3 {display: grid;grid-template-columns: auto auto auto;}p {margin: 1ex;text-indent: 2em;}a {color: #246;}.nowrap {white-space: nowrap;}a:focus, a:hover {text-shadow: #0003 3px 2px 1px;}ul.articles {display: flex;flex-wrap: wrap;list-style: none;margin: auto;padding: 0;height: 100%;overflow: hidden;}.article {flex-basis: 50%;aspect-ratio: 3;max-width: 50%;box-sizing: border-box;border: 20px solid transparent;display: inline-flex;flex-direction: row;}@media (max-aspect-ratio: 1) {.article {flex-basis: 100%;max-width: 100%;}.article .description {font-size: small;}}.article > a {display: contents;color: inherit;text-shadow: inherit;}.article > a:hover .title {text-decoration: underline;}.article .previewImage {height: 100%;max-width: 50%;align-self: center;text-align: center;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;}.article .previewImage img.downscalable {max-width: 100%;max-height: 100%;}.previewContents {display: flex;flex-direction: column;font-size: 12pt;padding: 5px;overflow: hidden;height: fit-content;}.previewContents .title {font-size: 16pt;text-align: center;}.previewContents .description {font-family: Garamond, Georgia, 'Times New Roman', Times, serif;}form#contact {display: flex;flex-direction: column;gap: 0.5rem;}