:root{--color-accent:#e8502b;--color-gray:#c7c7c7;--color-primary:#F2F2F2;--color-secondary:#282828;--size-header:50px;--size-gutter:20px;--size-gutterDouble:40px;--size-sidebar:110px}@media screen and (max-width: 1200px){:root{--size-header:40px}}@media screen and (max-width: 1080px){:root{--size-sidebar:75px}}@media screen and (max-width: 768px){:root{--size-gutter:10px;--size-gutterDouble:20px}}*{border:0px;box-sizing:border-box;margin:0px;padding:0px}a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-gray);transition:text-decoration-color .3s ease-out}a:hover{text-decoration-color:var(--color-accent)}body{align-items:stretch;background-color:var(--color-secondary);color:var(--color-primary);display:flex;flex-direction:column;font-family:"Inter",sans-serif;min-height:100vh;min-height:100dvh;padding:var(--size-gutter)}body.contact{height:100vh;height:100dvh;overflow:hidden}body.contact #page__content{margin-bottom:calc(var(--size-gutter)*-1);margin-right:calc(var(--size-gutter)*-1);max-height:100%;overflow:hidden auto}body.gallery{max-height:100vh;max-height:100dvh;overflow:hidden}body.gallery #page{overflow:hidden}body.gallery #page__content{overflow:hidden}body.home #page{position:relative}@media screen and (max-width: 1080px){body{overflow:hidden;height:100vh;height:100dvh}}h1{color:var(--color-accent);font-size:var(--size-header);font-weight:500;grid-column-end:auto;grid-column-start:2;grid-row-end:auto;grid-row-start:1;letter-spacing:-0.05em;line-height:.8em}menu{list-style-type:none}menu li{line-height:1.5em}menu li a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-gray);transition:text-decoration-color .3s ease-out}menu li a:hover{text-decoration-color:var(--color-accent)}@media screen and (max-width: 768px){menu li+li{margin-top:.25em}}p{line-height:1.5em}p+p{margin-top:1em}picture{position:relative}picture img{display:block;height:auto;pointer-events:none;width:100%}picture::after,picture::before{bottom:0px;content:"";display:block;left:0px;position:absolute;right:0px;top:0px;z-index:10}picture::before{z-index:11}#contact__content{max-height:100%;overflow:hidden auto}#contact__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-gutter);margin-top:2em;width:100%}@media screen and (max-width: 768px){#contact__form{grid-template-columns:1fr;max-width:100%}}#contact__form .button{background-color:var(--color-accent);color:var(--color-primary);display:inline-block;font-family:inherit;font-size:inherit;line-height:1em;padding:.5em 2em;transition:background-color .3s ease-out,color .3s ease-out}#contact__form .button:hover{background-color:var(--color-primary);color:var(--color-secondary);cursor:pointer}#contact__form .input{border:2px solid var(--color-primary);border-radius:2px;color:var(--color-secondary);display:block;font-family:inherit;font-size:.9em;line-height:1em;margin-top:.5em;padding:.75em;transition:border-color .3s ease-out;width:100%}#contact__form .input:focus,#contact__form .input:active{border-color:var(--color-accent);outline:0px}#contact__form .input.error{border-color:red}#contact__form textarea.input{line-height:1.5em;min-height:10em}#contact__form #form_button{grid-column:1/2}#contact__form #form_email{grid-column:2/3}@media screen and (max-width: 768px){#contact__form #form_email{grid-column:1/2}}#contact__form #form_message{grid-column:1/3}@media screen and (max-width: 768px){#contact__form #form_message{grid-column:1/2}}#contact__form #form_name{grid-column:1/2}#gallery{height:100%;overflow:hidden}#gallery__list{display:flex;flex-wrap:nowrap;gap:var(--size-gutter);height:100%;list-style-type:none;overflow:hidden hidden;scroll-behavior:smooth;width:100%}@media screen and (max-width: 768px){#gallery__list{flex-direction:column;margin-right:calc(var(--size-gutter)*-1);overflow:hidden auto;padding-right:var(--size-gutter);scroll-behavior:auto;width:calc(100% + var(--size-gutter))}}#gallery__list img{display:block;height:100%;pointer-events:none;width:auto}@media screen and (max-width: 768px){#gallery__list img{height:auto;width:100%}}#home-gallery{aspect-ratio:3/2;display:grid;gap:var(--size-gutter);grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;position:absolute;right:0px;top:0px;height:calc(100vh - var(--size-gutterDouble));height:calc(100dvh - var(--size-gutterDouble))}@media screen and (max-width: 768px){#home-gallery{gap:10px}}#home-gallery picture{aspect-ratio:1;height:auto;width:100%}#home-gallery__first{grid-column-start:2;grid-column-end:auto;grid-row-start:1}@media screen and (max-width: 1080px){#home-gallery__first{grid-area:1/2/2/3}}#home-gallery__fourth{grid-column-start:2;grid-row-start:2}@media screen and (max-width: 1080px){#home-gallery__fourth{grid-area:3/1/3/2}}@media screen and (max-width: 768px){#home-gallery__fourth{order:3}}#home-gallery__more{align-items:flex-end;display:flex;justify-content:flex-end;grid-column-start:3;grid-row-start:2}@media screen and (max-width: 1080px){#home-gallery__more{grid-area:3/2/4/3;width:100%}}@media screen and (max-width: 768px){#home-gallery__more{order:4;justify-content:flex-end}}#home-gallery__second{grid-column-start:3;grid-row-start:1}@media screen and (max-width: 1080px){#home-gallery__second{grid-area:2/1/3/2}}#home-gallery__third{grid-column-start:1;grid-row-start:2}@media screen and (max-width: 1080px){#home-gallery__third{grid-area:2/2/3/3}}@media screen and (max-width: 768px){#home-gallery__third{order:3}}@media screen and (max-width: 1200px){#home-gallery{width:calc(75dvh - var(--size-gutterDouble))}}@media screen and (max-width: 1080px){#home-gallery{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;width:100%}#home-gallery picture{width:100%}}@media screen and (max-width: 1080px)and (min-width: 660px){#home-gallery{aspect-ratio:2/3;grid-template-columns:repeat(2, 25dvw);grid-template-rows:repeat(3, 25dvw);height:100vh;height:100dvh;margin:calc(var(--size-gutter)*-1);margin-left:0px;min-height:100vh;min-height:100dvh;overflow:hidden auto;padding:var(--size-gutter);width:calc(50dvw + var(--size-gutter)*3);padding:var(--size-gutter)}}@media screen and (max-width: 660px){#home-gallery{display:flex;flex-wrap:wrap;height:unset;margin-top:10vh;margin-top:10dvh;max-width:65vw;max-width:65dvw;position:static}}#page{display:grid;flex:1 1 auto;gap:20px;grid-template-columns:var(--size-sidebar) 1fr;grid-template-rows:auto 1fr;height:100%;width:100%}@media screen and (max-width: 1080px){#page__content{margin-bottom:calc(var(--size-gutter)*-1);margin-right:calc(var(--size-gutter)*-1);overflow:auto;padding:var(--size-gutter);padding-left:0px}}#page__sidebar{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto}#page__sidebar #sidebar__footer{font-size:.8em;grid-column-start:1;grid-row-end:3;grid-row-start:2}@media screen and (max-width: 1080px){#page__sidebar #sidebar__footer{font-size:.6em}}#page__sidebar #sidebar__nav{align-items:center;display:flex;flex-direction:row;grid-column-start:1;grid-row-end:2;grid-row-start:1}#page__top{display:grid;gap:var(--size-gutter);grid-column-end:3;grid-column-start:1;grid-template-columns:var(--size-sidebar) 1fr}#page__top-name{align-items:flex-end;display:flex;margin-bottom:-5px;text-transform:lowercase}#page__top-name a{text-decoration:none}.block{display:block}@media screen and (min-width: 1024px){.content{max-width:50%}}@media screen and (min-width: 801px){.content{max-width:75%}}@media screen and (min-width: 641px){.content{margin-top:5dvh;padding-right:var(--size-sidebar)}}.form-response{font-weight:bold;margin-top:1em}.inline-icon{display:inline-block;height:1em;vertical-align:middle}
