* {margin:0;padding:0;box-sizing:border-box;}
html,body {height:100%;scroll-behavior:smooth;}
body {font-family:'Inter',sans-serif;line-height:1.8;font-size:14px;width:100%;overflow-x:hidden;font-weight:350;background:#fff;color:#000;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:350;}
ul,ol,li {margin:0;padding:0;list-style:none;}
a {text-decoration:none;color:#000;position:relative;display:inline-block;}
a::after {content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#000;transition:width 0.3s ease-in-out;}
a:hover::after {width:100%;}
em {font-style:normal;}
img {object-fit:cover;object-position:center;}
b,strong {font-weight:600;}
input,textarea,select,button {font-family:inherit;font-size:inherit;font-weight:350;background:none;border:none;outline:none;box-shadow:none;margin:0;padding:0;}
input,textarea,[contenteditable] {user-select:text;}

/* Animation */
.animation-panels {position:fixed;inset:0;z-index:1000;pointer-events:none;}
.text-animation {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;text-align:center;}
.text-word {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:300;letter-spacing:3px;opacity:0;white-space:nowrap;}
.panel {position:absolute;top:0;width:50%;height:100%;background:#000;}
.panel-left {left:0;animation:slideLeft 2s ease-in-out 11.5s forwards;}
.panel-right {right:0;animation:slideRight 2s ease-in-out 11.5s forwards;}
@keyframes slideLeft {0%,50% {transform:translateX(0);}100% {transform:translateX(-100%);}}
@keyframes slideRight {0%,50% {transform:translateX(0);}100% {transform:translateX(100%);}}
.animation-panels.animation-complete {display:none;}
.hp {display:flex;width:100%;height:100dvh;justify-content:center;align-items:center;}
.hp img {display:flex;height:200px;opacity:0;animation:fadeInLogo 1.5s ease-in-out 13s forwards;margin-bottom:50px;}
.hp div {display:flex;position:fixed;inset:auto 0 0 0;justify-content:space-between;width:100%;padding:30px;}
.hp span:nth-child(1) {display:flex;}
.hp span:nth-child(2) {display:flex;position:absolute;left:50%;transform:translateX(-50%);}
.hp span:nth-child(3) {display:flex;}
.sigle {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;opacity:0;}
.sigle img {display:flex;height:50px;filter:invert(1);}
@keyframes fadeInLogo {0% {opacity:0;}100% {opacity:1;}}

@media(max-width:768px) {
.hp img {height:140px;margin-bottom:50px;}
.hp div {flex-direction:column;justify-content:center;align-items:center;}
.hp span:nth-child(1) {display:none;}
.hp span:nth-child(2) {display:flex;position:relative;left:auto;transform:none;}
.hp span:nth-child(3) {display:flex;font-weight:600;}
}