:root{--black:#772613;--white:#fde1bc;--grey:#f9f3e9;--red:#b23a18;--orange:#c86118;--font-size:1em;--line-height:1.5;--font-size-small:.875em;--line-height-small:1.75;--spacing:1rem;--padding:3rem 2rem}html{scroll-behavior:smooth;scroll-padding-top:4rem;overflow-y:scroll}body{text-align:center}i,picture{display:block}ul,nav,dl{display:flex;flex-wrap:wrap;justify-content:center}address,i{font-style:normal}p,h1,h2,h3,dl,ul{margin:0 0 var(--spacing)}h1,h2,h3{letter-spacing:-.0125em;text-transform:uppercase;line-height:1.5;margin-top:.25rem}h1{font-size:1.75em}h2{font-size:1.25em}h3{font-size:1em;letter-spacing:0}p{font-size:var(--font-size);line-height:var(--line-height);text-wrap:balance}hr,i>svg{transform-origin:center center;transform:scale(0);transition:transform .25s ease-out;transition-delay:.25s}a{text-decoration:var(--text-decoration,none);text-underline-offset:.25em}p{--text-decoration:underline 1px dashed}i{font-size:3em;width:4.5rem;height:4.5rem;margin:0 auto}hr{color:currentColor;background-color:currentColor;width:3em;height:3px;border:none;border-radius:1px;margin:0 auto var(--spacing)}div{margin:0 auto;padding:var(--padding);max-width:32rem}ul{list-style:none;padding:0;flex-direction:var(--ul-flex-direction,row);gap:var(--ul-gap,.5rem)}img{border-radius:inherit}picture{background-color:rgba(0,0,0,.15);--img-height:100%}svg,span{display:inline;vertical-align:middle;line-height:1;margin:0 .1rem}svg{width:1.5em;height:1.5em;fill:currentColor}dl,dt,dd{border:1px dotted}dl{border-width:1px 0 0}dt,dd{margin:0;padding:.5rem 0;border-width:0 0 1px}dt{flex:0 0 65%;text-align:left;font-weight:700}dd{flex:0 0 35%;text-align:right;font-style:italic}address{line-height:1.25}header{background:inherit;border-bottom:1px dashed;z-index:1;margin-bottom:0}nav{flex-wrap:nowrap;z-index:5;transform:translateX(-100%);position:fixed;inset:0}main,footer{position:initial}section,aside{padding-top:3rem}article{box-shadow:var(--box-shadow,0px 0px 100px #fff5eb inset)}aside{--font-size:.875em;--line-height:1.25;--spacing:.5rem;--padding:0;--box-shadow:none;--ul-gap:1.5rem}footer{border-top:1px dashed}.buttons,.gallery{margin-top:2.5rem}.link,.button{display:block;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:.05em;font-size:.75em;position:relative;padding:1.25rem 0;line-height:2}.button{font-size:.625em;letter-spacing:.1em;padding:.75rem;border:2px solid;border-radius:.25rem;box-shadow:0 0 10px #fff3f3 inset}.gallery{gap:1.5rem}.menu{position:fixed;inset:0 0 auto;z-index:6;gap:.5rem;padding-inline:1.5rem;justify-content:end}.menu-logo{margin:auto}.menu-close{display:none}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.footer-logo{display:block;width:6rem;height:7rem;margin:0 auto}.cover{background:inherit;position:relative;height:100%;width:100%;z-index:4;--img-opacity:0.3}.cover::after{content:"";position:absolute;inset:0;box-shadow:0 -5rem 10rem floralwhite inset;z-index:4}.banner{height:24rem}.landscape,.portrait{margin:2rem auto;border-radius:1rem}.landscape{height:20rem;max-width:50rem}.portrait{height:40rem;max-width:28rem}.thumbnail{width:9rem;height:13rem;border-radius:1rem}.lightbox{display:none}dl,address,.small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.tiny{font-size:.75em}.dark{color:#fde1bc;background-color:#b23a18;background-image:radial-gradient(rgba(256,256,256,.1) 20%,transparent 20%),radial-gradient(rgba(256,256,256,.1) 20%,transparent 20%);background-position:0 0,3px 3px;background-size:6px 6px;box-shadow:0 0 60px rgba(0,0,0,.25)inset}.highlight{color:#b23a18}.orange{background-color:#c86118}@media screen and (min-width:640px){aside{--ul-gap:3rem}}@media screen and (min-width:1080px){.link{font-size:.725em;padding:1.25rem 0 1.35rem}}@media screen and (min-width:1600px){.link{font-size:.625em;padding:1.375rem 0}}@media screen and (orientation:portrait){header::before{content:"";position:fixed;inset:0 0 auto;height:4rem;background:inherit;background-color:rgba(256,256,256,.95);border-bottom:1px dashed;z-index:2}.menu-open,.menu-close{margin-right:auto}.logo-small{position:fixed;font-family:Bebas;color:var(--red);margin:0 auto;width:7rem;inset:1rem 0 auto;z-index:2;font-size:1.25em;display:block}.logo-symbol{margin:0}.logo-text{margin:.25rem 0 0}}@media screen and (orientation:landscape){header{position:sticky;inset:-20rem 0 auto}nav{position:sticky;transform:none;gap:1.5rem;top:0;margin-top:-4em}.menu{left:auto}.menu-open,.menu-close{display:none}.dark{display:flex}.cover::after{box-shadow:0 -10rem 10rem floralwhite inset}.banner{width:35%;height:auto}}@media screen and (orientation:landscape) and (max-width:900px){nav a:first-child{display:none}.menu{position:absolute}}.developer{display:block;margin-top:2.5rem;color:grey;font-style:italic}