.loading-screen{position:fixed;z-index:100;height:100%;width:100%;background:#edf8ff;display:grid;place-content:center;transition:transform 1s ease-in-out}.loading-screen svg{animation:growRing 1.5s ease-in-out infinite}@keyframes growRing{0%{transform:scale(.7)}50%{transform:scale(1)}to{transform:scale(.7)}}.hide-loader{transform:translateY(-100%)}@font-face{font-family:Raleway;src:url(/font/Raleway-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Raleway;src:url(/font/Raleway-Bold.ttf) format("truetype");font-weight:700;font-style:normal}body{margin:0;background:#fff url(/bg.svg);font-family:Raleway,sans-serif;height:100vh}a{text-decoration:none;color:#000}.webgl{position:fixed;top:0;left:0;outline:none;z-index:0;pointer-events:none}.mask{overflow:hidden}.layout-ws{width:100%;box-sizing:border-box;padding:clamp(16px,5%,100px)}header{position:absolute;display:flex;z-index:10;justify-content:space-between;font-weight:700}header a.logo{font-size:1.8rem;color:#000}header a.collection{display:flex;align-content:center;gap:.5em;color:#fff}.hero{height:100vh}main .left{align-self:last baseline;flex:1;height:90vh;display:flex}main .left h1{font-size:clamp(3rem,7vw,11rem);align-self:last baseline;font-weight:300;margin:0}main #gui{position:absolute;top:2px;left:2px}main .right{height:100vh;flex:.65;display:none;position:relative;pointer-events:none;overflow:hidden}main .right img{object-fit:cover;width:100%;height:100%}main .right video{position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover;min-width:100%;min-height:100%;opacity:1}main .right .vid-overlay{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;opacity:.5}section{height:100vh}.inspection{text-align:center;margin-top:10em}.inspection h2{font-size:clamp(5rem,6vw,8rem);margin:0}.inspection .ring-bg{background:#000 url(/images/rings.jpg) no-repeat;background-size:cover;padding:3em 0;color:#fff;font-weight:700;border-radius:.3em;font-size:1.4rem}h3{font-size:clamp(7rem,17vw,23rem);margin:0;color:#f5f5f5}.marquee{overflow:hidden}.details{margin-bottom:10em}.no-overflow{overflow:hidden}.slider{height:auto;width:100%}.slider .slide{width:100%;height:100vh;background-size:cover;background-size:100% 100%}.slider .slide .inner{display:flex;height:100vh}.slider .slide:nth-of-type(1){background:#000 url(/images/slide1.jpg) no-repeat;background-size:cover;color:#fff}.slider .slide:nth-of-type(1) p{width:100%;font-size:clamp(1.2rem,2vw,2.5rem)}.slider .slide:nth-of-type(2){background:#000 url(/images/slide2.jpg) no-repeat;background-size:cover;color:#fff}.slider .slide:nth-of-type(2) p{width:100%;font-size:clamp(1.2rem,2vw,2.5rem)}.slider .slide:nth-of-type(3){background:#000 url(/images/slide3.jpg) no-repeat;background-size:cover;color:#fff}.slider .slide:nth-of-type(3) p{width:100%;font-size:clamp(1.2rem,2vw,2.5rem)}.slider .progress{position:absolute;top:80%;width:0%;height:1px;z-index:100;border-bottom:1px solid white}section.contact{background:#0f0f0d;height:110vh;display:grid;color:#fff;align-content:center}section.contact .inner-contact{position:relative}section.contact .inner-contact span{display:block}section.contact .inner-contact .line-top,section.contact .inner-contact .line-bottom{position:absolute;top:0;left:0;width:0%;height:1px;border-bottom:1px solid #393939}section.contact .inner-contact .line-bottom{bottom:0;top:unset}section.contact h4{font-size:clamp(2rem,4vw,5rem);margin:0}section.contact a.cta{background:#fff;display:inline-block;padding:1em;border-radius:3em;font-weight:700;font-size:clamp(1rem,2vw,1.3rem);margin:1.2em 0 2em}section.contact .contact-desc{font-size:1.1rem;margin:0}.footer{height:10vh;background:#0f0f0d;color:#fff}.inner-footer{display:flex;gap:.5rem;justify-content:center;align-items:center;font-size:clamp(.6rem,1vw,1.25rem)}.inner-footer a{color:#fff;text-decoration:underline}@media (min-width: 768px){main{display:flex}main .right{display:block}.inspection{display:flex;align-items:center;gap:2em;max-width:1200px;margin:15em auto 0}.inspection h2{flex:.3}.inspection>div{flex:1;height:100px;display:grid;place-content:center}.inspection>div p{text-align:center}.inspection p{flex:1;text-align:left}.ring-bg p{margin-top:-35%}.slider{width:300%;display:flex}.slider .slide:nth-of-type(1) p,.slider .slide:nth-of-type(2) p,.slider .slide:nth-of-type(3) p{width:50%}section.contact .contact-desc{width:40%}.details{margin-bottom:0}}
