.hero{color:#fff;background-color:#443c3b;min-height:200vh}.hero .container{z-index:5;box-sizing:border-box;justify-content:space-between;align-items:center;gap:200px;height:calc(100vh - 69px);padding-top:30px;display:flex;position:sticky;top:69px}.hero-bg-video{z-index:1;object-fit:contain;object-position:center;pointer-events:none;width:100%;max-width:900px;height:100%;position:absolute;top:50%;left:48%;transform:translate(-50%,-50%)}.hero-left{z-index:2;width:100%;max-width:420px;height:420px;position:relative}.hero-left-title-wrap{display:block;position:relative}.hero-title{letter-spacing:-2.62px;text-transform:uppercase;will-change:opacity, transform;opacity:0;width:100%;margin:0;font-family:Commissioner;font-size:56px;font-weight:500;line-height:62px;transition:opacity .4s,transform .4s}.hero-title.visible{opacity:1;pointer-events:auto;animation:.55s 80ms both heroFadeUp;transform:translateY(0)}.hero-title.hidden{opacity:0;pointer-events:none;transform:translateY(18px)}.hero-contact-us{color:#1f2a19;letter-spacing:.85px;text-transform:uppercase;will-change:opacity, transform;cursor:pointer;background:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;width:100%;max-width:300px;margin-top:60px;padding:16px 0;font-family:Commissioner;font-size:18px;font-weight:600;line-height:23px;transition:opacity .4s,transform .4s;display:flex}.hero-contact-us.visible{opacity:1;pointer-events:auto;transition:all .3s;animation:.55s .22s both heroFadeUp;transform:translateY(0)}.hero-contact-us.visible:hover{color:#fff;background-color:#0000;border:1px solid #fff}.hero-contact-us.hidden{opacity:0;pointer-events:none;transform:translateY(18px)}.hero-right{z-index:2;align-items:flex-start;gap:25px;width:100%;max-width:500px;margin-right:20px;display:flex;position:relative}.hero-slider{flex-direction:column;gap:6px;display:flex}.hero-slide{cursor:pointer;background-color:#81918d;border:none;flex-shrink:0;width:2px;height:72px;padding:0;position:relative;overflow:hidden}.hero-slide:before{content:"";transform-origin:bottom;background-color:#d9d9d9;transition:transform .35s;position:absolute;inset:0;transform:translateY(100%)}.hero-slide.active:before{transform:translateY(0)}.hero-right-text{width:100%;max-width:430px;height:420px;position:relative;overflow:hidden}.hero-text{will-change:opacity, transform;width:100%;margin:0;font-size:18px;font-weight:400;line-height:28px;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0}.hero-text.visible{opacity:1;pointer-events:auto;animation:.55s .16s both heroFadeUp;transform:translateY(0)}.hero-text.hidden{opacity:0;pointer-events:none;transform:translateY(18px)}.hero-text.visible p,.hero-text.visible h3,.hero-text.visible .hero-text-second-slide-cards,.hero-text.visible .hero-right-text-next-button{animation:.6s both heroFadeUp}.hero-text.visible h3{animation-delay:80ms}.hero-text.visible .hero-text-second-slide-cards,.hero-text.visible .hero-right-text-next-button{animation-delay:.14s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-right-text-next-button{cursor:pointer;color:#81918d;align-items:center;gap:6px;margin-top:24px;font-size:18px;display:flex}.hero-text h3{letter-spacing:0;max-width:350px;margin:36px 0 30px;font-size:20px;font-weight:700;line-height:28px}.hero-text-second-slide-cards{flex-wrap:wrap;align-items:center;gap:12px;max-width:350px;display:flex}.hero-text-second-slide-card{border:1px solid #fff;border-radius:40px;padding:8px 20px 10px;font-size:20px;font-weight:400;line-height:30px}@media (max-width:1100px){.hero .container{flex-direction:column;align-items:flex-start;display:flex}.hero-text-second-slide-cards{max-width:100%}.hero-bg-video{top:40%}.hero-right,.hero-right-text{max-width:100%}}@media (max-width:520px){.hero .container{padding-top:40px;padding-bottom:calc(30px + env(safe-area-inset-bottom));gap:175px}.hero-bg-video{top:46%;left:50%}.hero-title{letter-spacing:-2.5px;font-size:40px;font-weight:500;line-height:45px}.hero-text{font-size:16px;line-height:20px}.hero-text h3{margin:25px 0 20px;font-size:16px;line-height:20px}.hero-text-second-slide-card{padding:6px 16px 8px;font-size:18px}.hero-text-second-slide-cards{gap:10px}}@media (max-width:520px) and (max-height:850px){.hero .container{padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:120px}.hero-left{height:auto}.hero-title{letter-spacing:-1.8px;font-size:34px;line-height:38px}.hero-contact-us{margin-top:28px;padding:12px 0;font-size:15px;line-height:19px}.hero-right{gap:14px}.hero-slide{height:56px}.hero-right-text{height:320px}.hero-text{font-size:15px;line-height:19px}.hero-right-text-next-button{margin-top:14px;font-size:15px}.hero-text h3{margin:16px 0 12px;font-size:15px;line-height:20px}.hero-text-second-slide-card{padding:4px 12px 6px;font-size:16px;line-height:22px}}@media (max-width:520px) and (max-height:680px){.hero .container{gap:95px}.hero-title{font-size:30px;line-height:34px}.hero-contact-us{margin-top:18px}.hero-right-text{height:285px}.hero-text{font-size:14px;line-height:18px}.hero-text h3{margin:12px 0 10px}.hero-text-second-slide-cards{gap:8px}.hero-text-second-slide-card{padding:4px 10px 5px;font-size:14px;line-height:18px}}
