.contact-page{background:#1f2124;color:#fff}.contact-hero{padding:10vw 12vw 8vw;background:#1f2124;position:relative;overflow:hidden}.contact-hero:after{content:'?';position:absolute;right:5vw;top:-8vw;color:#edfd58;font-family:var(--display);font-size:44vw;line-height:1;opacity:.9}.contact-hero>*{position:relative;z-index:1}.contact-hero .eyebrow{color:#edfd58}.contact-hero h1{font-family:var(--display);font-size:clamp(58px,9vw,145px);line-height:.8;letter-spacing:-.08em;margin:0 0 34px}.contact-hero h1 em{font-family:var(--display);font-style:normal;color:#38989c}.contact-hero>p{max-width:510px;font-size:17px;line-height:1.6}.contact-direct{display:flex;gap:12px;margin-top:30px}.contact-direct a{background:#edfd58;color:#1f2124;border-radius:999px;padding:14px 18px;text-decoration:none;font:11px var(--display)}.contact-direct a:nth-child(2){background:#38989c}.contact-form-wrap{padding:8vw 12vw;background:#38989c;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.contact-form-wrap form{display:grid;gap:18px}.contact-form-wrap label{font:10px var(--mono);letter-spacing:.08em}.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:2px solid #1f2124;background:transparent;padding:11px 0;font:16px var(--sans);color:#1f2124;outline:0}.contact-form-wrap textarea{resize:vertical}.contact-form-wrap button{justify-self:start;margin-top:12px;background:#1f2124;color:#fff;border:0;border-radius:999px;padding:16px 21px;font:11px var(--display);cursor:pointer}.contact-form-wrap aside{display:flex;flex-direction:column;justify-content:end}.contact-rooster img{width:100%;max-width:310px;height:310px;object-fit:contain}.contact-form-wrap aside p{font-family:var(--display);font-size:clamp(25px,3vw,42px);line-height:.9;letter-spacing:-.05em}.contact-form-wrap aside a{color:#1f2124;font:11px var(--mono)}@media(max-width:720px){.contact-hero{padding:85px 20px}.contact-hero:after{font-size:75vw;right:-6vw;top:-1vw}.contact-hero h1{font-size:clamp(49px,14vw,73px)}.contact-form-wrap{padding:75px 20px;grid-template-columns:1fr}.contact-direct{flex-wrap:wrap}.contact-form-wrap aside{order:-1}.contact-rooster img{height:240px}}
