html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,hr{margin:0;padding:0}html{box-sizing:border-box;-webkit-text-size-adjust:none;text-size-adjust:none}body{line-height:1;-webkit-font-smoothing:antialiased;min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit;color:inherit;background:rgba(0,0,0,0);border:none}img,picture,video,canvas,svg{display:block;max-width:100%}ol,ul{list-style:none}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:14pt}section{position:relative;min-height:100vh;scroll-snap-align:start}section#hero-landing{text-align:center;color:#fff;background:url(../res/bg-landing.jpg) no-repeat center center;background-size:cover;z-index:2}section#hero-landing .container{margin:0 auto;padding:2vh 0;max-width:80vw}section#hero-landing .container #landing-logo{display:block;margin:0 auto 18vh;width:100px;height:100px;mask-image:url(../res/logo.svg);mask-repeat:no-repeat;mask-size:contain;background-color:#f5b561}section#hero-landing .container h1.font-script{font-size:12.5vw;margin-bottom:-0.35em}section#hero-landing .container h1.font-script+h1{font-size:7vw;margin-bottom:.25em;color:#f5b561;text-shadow:.05em .05em rgba(0,0,0,.3)}section#hero-landing .container b{text-transform:uppercase;letter-spacing:.1em}section#hero-landing .container nav{position:absolute;bottom:2vh;font-size:1.75em;text-align:left}section#hero-landing .container nav a{display:block;margin:.1em 0;padding:.15em .25em 0;width:max-content;line-height:1.25;color:#f5b561}section#hero-landing .container nav a:hover{color:#4a7593;background-color:#f5b561}section#about{display:grid;background:#f5b561 url(../res/orange-grunge.png)}section#about .container{max-width:80vw;margin:0 auto}section#about .container nav{height:128px;margin:1rem 0 5rem;display:flex;align-items:center;gap:2rem;font-size:1.8em;color:#4a7593;z-index:1}section#about .container nav #navbar-logo{display:block;width:100px;height:100px;mask-image:url(../res/logo.svg);mask-repeat:no-repeat;mask-size:contain;background-color:#4a7593}section#about .container nav .nav-active{opacity:.5;cursor:default;box-shadow:0 3px #4a7593}section#about .container nav a:hover{box-shadow:0 3px #4a7593}section#about #about-grid{max-width:65vw;margin:0 auto;display:grid;gap:1rem;align-items:center;grid-template-columns:1fr 1fr 1.5fr}section#about #about-grid .about-col img{margin-bottom:1rem}section#about #about-grid #about-description h1{font-size:4rem;margin-bottom:1rem;color:rgb(225.7142857143,134.2857142857,14.2857142857)}section#about #about-grid #about-description h3{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:1rem;margin-bottom:.5rem}section#about #about-grid #about-description p{margin-bottom:1em;font-size:12pt;line-height:1.25;text-align:justify}section#gallery{display:grid;background:url(../res/blue-grunge.png)}section#gallery h1{margin-bottom:1em;font-size:3rem;color:#fff;text-align:center}section#gallery .carousel-container{max-width:1000px;margin:auto;place-self:center}section#gallery .main-view{position:relative;height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgb(39.8461538462,63,79.1538461538)}section#gallery .main-view img{max-height:100%;max-width:100%;object-fit:contain}section#gallery .nav-btn{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10;font-size:2rem;background:hsla(0,0%,100%,.7);border:none;padding:10px 20px;border-radius:5px}section#gallery #prevBtn{left:10px;display:none}section#gallery #nextBtn{right:10px}section#gallery .thumbnails-container{display:flex;justify-content:flex-start;gap:10px;margin-top:20px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}section#gallery .thumbnails-container::-webkit-scrollbar{display:none}section#gallery .thumb{flex:0 0 auto;width:80px;height:60px;cursor:pointer;opacity:.5;transition:opacity .3s}section#gallery .thumb img{width:100%;height:100%;object-fit:cover}section#gallery .thumb.active{opacity:1;border-bottom:3px solid #333}section#gallery .mobile-carousel-container{display:none}@media(max-width: 768px){section#gallery .main-view,section#gallery .thumbnails-container{display:none}section#gallery .mobile-carousel-container{display:block;width:100%;position:relative;overflow:hidden}section#gallery .mobile-carousel-viewport{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}section#gallery .mobile-carousel-viewport::-webkit-scrollbar{display:none}section#gallery .mobile-carousel-track{display:flex;flex-direction:row;width:fit-content;padding-left:20px;padding-bottom:20px}section#gallery .mobile-carousel-item{flex:0 0 calc(100% - 40px);width:calc(100% - 40px);margin-right:10px;scroll-snap-align:center;display:flex;justify-content:center;align-items:center}section#gallery .mobile-img{width:100%;aspect-ratio:3/4;object-fit:cover}}section#contact{display:grid;place-content:center;text-align:center}section#contact .container{margin:0 auto;width:70vw}section#contact .container h1.font-script{font-size:10vw;margin-bottom:-0.35em;color:rgba(0,0,0,.3)}section#contact .container h1.font-script+h1{font-size:5vw;margin-bottom:1em;color:#4a7593}section#contact .container .contact-flex{display:flex;justify-content:space-around}section#contact .container .contact-flex form{display:grid;gap:1em;grid-template-columns:repeat(3, 1fr)}section#contact .container .contact-flex form label{padding-top:.75rem;text-align:right;cursor:pointer;grid-column:1/2;align-self:flex-start}section#contact .container .contact-flex form input:not([type=submit]),section#contact .container .contact-flex form textarea{grid-column:2/4;padding:.5em;width:30ch;border-radius:.25em;box-shadow:0 0 0 2px #aaa}section#contact .container .contact-flex form textarea{height:7em}section#contact .container .contact-flex form input[type=text]:focus,section#contact .container .contact-flex form input[type=email]:focus,section#contact .container .contact-flex form textarea:focus{outline:2px solid #f5b561}section#contact .container .contact-flex form input[type=submit]{grid-column:3/4;margin-left:auto;display:block;width:max-content;padding:.5em 1em;text-transform:uppercase;color:#fff;font-weight:bold;background:#4a7593;border-radius:.5em;cursor:pointer}section#contact .container .contact-flex form input[type=submit]:hover{background-color:rgb(130.6153846154,167,192.3846153846)}section#contact .container .contact-flex form input[type=submit]:active{background-color:rgb(39.8461538462,63,79.1538461538)}section#contact .container .contact-links h2{margin-bottom:1em;font-size:2.5rem;color:#4a7593}section#contact .container .contact-links .contact-socialmedia{display:flex;flex-direction:column;gap:1rem}section#contact .container .contact-links .contact-socialmedia a{align-self:flex-start;padding:.25em .25em .25em 2.5rem;font-size:1.5rem;background-repeat:no-repeat;background-position:center left;background-size:2rem}section#contact .container .contact-links .contact-socialmedia a[href*=facebook]{background-image:url(../res/icon-fb.svg)}section#contact .container .contact-links .contact-socialmedia a[href*=instagram]{background-image:url(../res/icon-ig.svg)}section#contact .container .contact-links .contact-socialmedia a[href*=youtube]{background-image:url(../res/icon-yt.svg)}section#contact .container .contact-links .contact-socialmedia a:hover{text-decoration:underline}footer{margin-bottom:.5rem;font-size:.8em;text-transform:uppercase;text-align:center;color:gray}footer a{margin-right:2rem}footer a:hover{color:#444;text-decoration:underline}footer span{color:#ccc;font-weight:bold;cursor:default}footer span a{color:#aaa;border-bottom:1px dashed}footer span a:hover{text-decoration:none}h1,h2,h3{font-family:"Zalando Sans SemiExpanded",sans-serif;font-weight:bolder;font-optical-sizing:auto}.font-script{font-family:"Ballet",script,sans-serif;font-weight:normal}nav{font-family:"Bebas Neue",Impact,sans-serif}@media(max-width: 768px){section#hero-landing nav{display:none}section#hero-landing .container{max-width:fit-content}section#hero-landing .container #landing-logo{margin-bottom:15vh;width:64px}section#hero-landing .container h1.font-script{font-size:13vh}section#hero-landing .container h1.font-script span{white-space:nowrap}section#hero-landing .container h1.font-script+h1{font-size:8vh}section#hero-landing .container b{font-size:.75em}section#about .container{padding:5vh 0}section#about .container nav{display:none}section#about .container #about-grid{max-width:90vw;grid-template-columns:1fr;grid-template-rows:repeat(3, auto)}section#about .container #about-grid .about-col:first-of-type{grid-row:1/2}section#about .container #about-grid #about-description{grid-row:2/3}section#about .container #about-grid .about-col:last-of-type{grid-row:3/4}section#contact{scroll-snap-align:none;padding:5vh 0;overflow:hidden}section#contact .container{width:90vw}section#contact .container h1.font-script{font-size:5em}section#contact .container h1.font-script+h1{font-size:3em}section#contact .container .contact-flex{flex-direction:column;gap:5em}section#contact .container .contact-flex form{grid-template-columns:1fr}section#contact .container .contact-flex form label{display:none}section#contact .container .contact-flex form input:not([type=submit]),section#contact .container .contact-flex form textarea{width:auto;grid-column:1/2}section#contact .container .contact-flex form input[type=submit]{grid-column:1/2}footer>a,footer>span{display:block;margin:1rem;text-align:center}footer span a{margin-right:0}}/*# sourceMappingURL=styles.css.map */
