:root{--black: #161616;--white: #FAF9F6;--gray: #B0B0B0}[data-page-namespace=contact] .contact__wrap{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;overflow:hidden}@media(min-width:769px){[data-page-namespace=contact] .contact__wrap{cursor:pointer}}[data-page-namespace=contact] .contact__title{z-index:2;pointer-events:none;max-width:900px}[data-page-namespace=contact] .contact__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}[data-page-namespace=contact] .contact__card img,[data-page-namespace=contact] .contact__card video{aspect-ratio:1;width:100%;height:auto;object-fit:cover}[data-page-namespace=contact] .contact__trigger{text-transform:uppercase;background:none;border:none;cursor:pointer;color:var(--black)}@media(min-width:769px){[data-page-namespace=contact] .contact__card{position:absolute;top:0;left:0;width:380px;z-index:10;pointer-events:none;opacity:0;scale:1;transition:opacity .45s ease;will-change:transform}[data-page-namespace=contact] .contact:hover .contact__card{opacity:1;scale:1}[data-page-namespace=contact] .contact__trigger{pointer-events:none}}@media(max-width:768px){[data-page-namespace=contact] .contact{padding-top:120px;min-height:auto}[data-page-namespace=contact] .contact__wrap{min-height:auto;padding:40px 20px}[data-page-namespace=contact] .contact__title{margin-bottom:20px;font-size:32px;line-height:1.1}[data-page-namespace=contact] .contact__card{position:relative;width:100%;max-width:320px;pointer-events:auto;gap:20px}[data-page-namespace=contact] .contact__card img,[data-page-namespace=contact] .contact__card video{width:100%;height:auto}[data-page-namespace=contact] .contact__trigger{order:-1;margin-bottom:0;pointer-events:auto;font-size:14px;letter-spacing:.05em}}[data-page-namespace=contact] .reel__wrap{width:100%;overflow:hidden;aspect-ratio:1400/800}[data-page-namespace=contact] .reel__wrap img,[data-page-namespace=contact] .reel__wrap video{width:100%;height:100%;object-fit:cover}@media(max-width:768px){[data-page-namespace=contact] .reel{padding-block:50px}}[data-page-namespace=contact] .open{position:relative;min-height:100%;padding-block:clamp(50px,36.3057324841px + 3.9808917197vw,100px) clamp(50px,22.6114649682px + 7.9617834395vw,150px);background-color:var(--white)}[data-page-namespace=contact] .open .container{height:auto}[data-page-namespace=contact] .open__wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;font-size:17px;line-height:20px}[data-page-namespace=contact] .open__wrap-icon{position:absolute;top:0;left:50%;transform:translate(-50%,-200%);z-index:100;pointer-events:none;width:53px;height:53px}[data-page-namespace=contact] .open__wrap-icon svg{width:100%;height:100%;fill:#b0b0b0}[data-page-namespace=contact] .open__wrap-icon svg path{fill:#b0b0b0}@media(max-width:768px){[data-page-namespace=contact] .open__wrap-icon{position:sticky;left:auto;top:80px;transform:none;flex-shrink:0;align-self:flex-start;width:35px;height:35px;margin-top:2px;z-index:1}}@media(max-width:768px){[data-page-namespace=contact] .open__wrap{flex-direction:row;align-items:flex-start;justify-content:center;gap:20px}}[data-page-namespace=contact] .open__wrap-contact{width:100%;display:flex;flex-direction:column}[data-page-namespace=contact] .open__wrap-contact .row{display:flex;justify-content:center;width:100%;overflow:visible;margin-bottom:2px}[data-page-namespace=contact] .open__wrap-contact .row-left,[data-page-namespace=contact] .open__wrap-contact .row-right{width:50%;max-width:350px;padding:0 5px;box-sizing:border-box;transition:color .3s ease}[data-page-namespace=contact] .open__wrap-contact .row-left{text-align:right;color:#b0b0b0}[data-page-namespace=contact] .open__wrap-contact .row-right{text-align:left;color:var(--black)}@media(max-width:768px){[data-page-namespace=contact] .open__wrap-contact{width:auto;gap:15px}[data-page-namespace=contact] .open__wrap-contact .row{flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:0}[data-page-namespace=contact] .open__wrap-contact .row-left,[data-page-namespace=contact] .open__wrap-contact .row-right{width:100%;max-width:none;padding:0;text-align:left}[data-page-namespace=contact] .open__wrap-contact .row-left{text-transform:capitalize;font-size:13px;margin-bottom:4px}[data-page-namespace=contact] .open__wrap-contact .row-left:empty{display:none}[data-page-namespace=contact] .open__wrap-contact .row-right{font-size:16px}[data-page-namespace=contact] .open__wrap-contact .row:has(.row-left:empty){margin-top:-10px}}
