html{font-family:sans-serif;scroll-behavior:smooth}input,select,textarea,button{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;color:#000;font-size:1rem}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#000}html,body,#root{height:100%;margin:0}.app{min-height:100%;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.top-container{width:100%;display:flex;justify-content:center}.top-container .top-slideshow{position:relative;width:100%;height:75vh;overflow:hidden;max-width:1900px}.top-container .top-slideshow .top-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}.top-container .top-slideshow .top-slide.active{opacity:1}#works,#news,#contact{scroll-margin-top:12rem}.welcome-info h1{margin:4rem auto;text-align:center}.welcome-info .welcome-layout{display:flex;justify-content:center;align-items:flex-start;margin:0 auto;max-width:60vw}.welcome-info .welcome-layout section:first-child{flex:0 0 60%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:8rem}.welcome-info .welcome-layout section:first-child p{margin-top:2rem;line-height:1.25}.welcome-info .welcome-layout section:last-child{flex:0 0 40%;margin-top:2rem;display:flex;justify-content:center;align-items:center}.welcome-info .welcome-news{text-decoration:none;color:inherit;display:block;flex-direction:column;padding-left:6rem;font-size:11pt}.welcome-info .welcome-news h3{margin-bottom:2rem}.welcome-info .welcome-news .welcome-news-item{margin-bottom:3rem;opacity:.8;transition:opacity .2s ease}.welcome-info .welcome-news .welcome-news-item:hover{opacity:1;cursor:pointer}.welcome-info .welcome-news .welcome-news-item .welcome-news-tag{font-family:monospace;font-size:small;margin-bottom:.33rem}.welcome-info .welcome-news .welcome-news-item .welcome-news-headline{margin-bottom:.5rem;font-weight:900;font-size:12pt}.works-info{margin:1rem auto 4rem;max-width:55vw;text-align:center}.works-info .works-info-intro h1{font-size:24pt;font-weight:600;margin-bottom:4rem}.works-info .works-info-intro p{text-align:left;padding:0 15%;line-height:1.25}.works-info .works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}.works-info .works-grid .works-grid-item{aspect-ratio:4/3;overflow:hidden;cursor:pointer}.works-info .works-grid .works-grid-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .4s ease}.works-info .works-grid .works-grid-item img:hover img{transform:scale(1.05)}.works-info .works-show-more{margin:2rem auto;transition:color .2s ease;cursor:pointer}.works-info .works-show-more:hover{color:#b8b8b8}.contact-info{max-width:55vw;text-align:center;margin:0 auto 6rem}.contact-info h1{margin-bottom:2rem}.contact-info p{font-family:monospace;margin-bottom:2rem}.contact-info .contact-teaser{font-family:sans-serif}.news-info{margin:0 auto 4rem;max-width:55vw;text-align:center}.news-info h1{font-size:24pt;font-weight:600;margin-bottom:4rem}.news-info .news{display:flex;flex-direction:column;gap:1rem}.news-info .news .news-item{display:flex;height:8rem;width:100%;margin-bottom:4rem}.news-info .news .news-item:nth-child(2n){flex-direction:row-reverse}.news-info .news .news-item:nth-child(2n) .news-item-content{padding-left:33%;padding-right:1.5rem;text-align:right;align-items:flex-end}.news-info .news .news-item .news-item-media{width:8rem;height:100%;flex-shrink:0;overflow:hidden;border-radius:50%}.news-info .news .news-item .news-item-media img{width:100%;height:100%;object-fit:cover;display:block}.news-info .news .news-item .news-item-content{display:flex;flex-direction:column;justify-content:center;padding-left:1.5rem;padding-right:33%;text-align:left;align-items:flex-start}.news-info .news .news-item .news-item-content .news-meta{font-family:monospace;font-size:.75rem;opacity:.7;margin-bottom:.5rem}.news-info .news .news-item .news-item-content .news-headline{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.news-info .news .news-item .news-item-content .news-teaser{font-size:.9rem;line-height:1.4}.works .works-hero .hero-img{height:30rem;width:100%;object-fit:cover}.works .works-gallery{width:60vw;margin:6rem auto 4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.works .works-gallery img{width:100%;height:auto;object-fit:cover}.news-hero .hero-img,.contact-hero .hero-img{height:30rem;width:100%;object-fit:cover}.news{display:flex;flex-direction:column;align-items:center;margin:2rem 0;width:100%}.news .news-container{width:800px}.news .news-container .news-card{display:flex;gap:2.5rem;margin-bottom:4rem}.news .news-container .news-card .news-image{width:120px;height:120px;border-radius:50%;object-fit:cover}.news .news-container .news-card .news-text{flex:1}.news .news-container .news-card h3{margin:0 0 .5rem}.news .news-container .news-card .news-date{font-size:.9rem;color:gray;margin-bottom:.5rem}.about{display:flex;width:100%;flex-direction:column;align-items:center;padding-top:8rem;margin:3rem 0}.about h1{margin-bottom:2rem}.about section{width:800px;margin-bottom:2rem}.about section img{width:100%}.about section p{margin-bottom:2rem}.contact{width:66%;padding:4rem 5% 0;margin:auto;margin-top:1rem}.contact h1{text-align:center}.contact form{display:flex;flex-direction:column;margin-bottom:4rem}.contact form .form-group{width:100%;display:flex;justify-content:center;align-items:center;align-items:flex-start;flex-direction:column}.contact form .form-group label{font-size:.7rem;margin-bottom:.33rem}.contact form .form-group input{font-size:1rem;width:100%;margin-bottom:1rem;height:3rem;border-radius:0;border:1.5px solid black;padding:.5rem}.contact form .form-group textarea{width:100%;border-radius:0;border:1.5px solid black;margin-bottom:.33rem;padding:.5rem;resize:vertical}.contact form .form-group span{font-size:.66rem;margin-bottom:1.5rem}.contact form .contact-form-submit{width:100%;border:none;padding:1rem 0;background-color:#e8e8e8;margin-bottom:.5rem;font-size:1rem;font-weight:400;transition:.25s ease-out}.contact form .contact-form-submit:hover{background-color:#d7d7d7;cursor:pointer}header{position:fixed;top:0;left:0;width:100%;height:8rem;background:#0006;color:#dfdfdf;display:flex;align-items:center;z-index:10}header .header-inner{max-width:1600px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px}header h1{color:#dfdfdf}header nav a{color:#dfdfdf;margin-left:2rem;text-decoration:none;font-weight:500;transition:.24s}header nav a:hover{color:#b5b5b5}footer{display:flex;justify-content:center;align-items:center;background-color:#e2e2e2ac}footer ul{min-width:50vw;display:flex;justify-content:center;align-items:center;margin:6rem auto}footer ul li{list-style:none;margin-right:3rem}footer ul li:last-child{margin-right:0}footer ul li a{color:gray}@media only screen and (max-width: 1400px){.welcome-info .welcome-layout,.works-info{max-width:90vw}.works-info .works-info-intro p{padding:0 10%}.news-info{max-width:90vw}.news-info .news .news-item:nth-child(2n) .news-tem-content{padding-left:15%}.news-info .news .news-item .news-item-content{padding-right:15%}}@media only screen and (max-width: 520px){header nav{display:none}.welcome-info{margin-bottom:2rem}.welcome-info h1{margin:2rem auto;font-size:20pt}.welcome-info .welcome-layout{flex-direction:column;max-width:90vw}.welcome-info .welcome-layout section:first-child{margin-bottom:0;font-size:14pt}.welcome-info .welcome-layout section:first-child p:first-child{margin-top:0}.welcome-info .welcome-layout section:last-child{margin-top:4rem;display:none}.welcome-info .welcome-layout .welcome-news{padding-left:0;font-size:14pt}.welcome-info .welcome-layout .welcome-news .welcome-news-headline{font-size:16pt}.works-info{max-width:90vw;margin-bottom:2rem}.works-info .works-info-intro h1{font-size:20pt;margin-bottom:0}.works-info .works-info-intro p{display:none}.works-info .works-grid{margin-top:3rem;grid-template-columns:1fr}.works-info .works-show-more{display:none}.news-info{max-width:90vw;margin:1rem auto 0}.news-info h1{font-size:20pt;margin-bottom:3rem}.news-info .news .news-item{flex-direction:column;height:unset;margin-bottom:1rem}.news-info .news .news-item:nth-child(2n){flex-direction:column}.news-info .news .news-item:nth-child(2n) .news-item-content{padding:0;text-align:left;align-items:flex-start}.news-info .news .news-item .news-item-media{width:100%;border-radius:0;height:67.5vw}.news-info .news .news-item .news-item-content{padding:0}.news-info .news .news-item .news-item-content .news-meta{margin-top:1rem}.contact-info{max-width:90vw;margin-top:2rem;margin-bottom:4rem}.contact-info h1{font-size:20pt}footer ul{margin:4rem auto}footer ul li{margin-right:1.5rem}}