body,html{margin:0;padding:0;width:100%;height:100%;font-family:sans-serif}.opening-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#111;z-index:9999}.grid-bg{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(5, 1fr);width:100%;height:100%}.grid-item{width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transform:scale(0.6)}.company-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8);font-size:48px;font-weight:bold;color:#fff;letter-spacing:.2em;text-shadow:0 4px 20px rgba(0,0,0,.6);z-index:10;white-space:nowrap;opacity:0;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:5;opacity:0}.main-content #hero{height:600px;position:relative;background-color:#183410}.main-content #hero .logo-wrapper{position:absolute;text-box-trim:trim-both;text-box-edge:cap alphabetic;bottom:0;left:50%;transform:translateX(-50%);font-size:clamp(2.5rem,.563rem + 8.26vw,8rem);letter-spacing:.25em;line-height:100%;font-family:"Wallpoet",sans-serif;background:linear-gradient(180deg, #37aa05, #fff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-align:left;display:inline-block;background-origin:border-box}