.contact-form{background-color:hsl(var(--menu-color))}.contact-form .container-sm{display:flex;flex-direction:column-reverse}.contact-form-description{margin-top:-1.25rem;opacity:.9}.contact-form-description a{text-decoration:underline}@media screen and (min-width: 950px){.contact-form .container-sm{flex-direction:row}.contact-form-description{padding-right:2rem}}.contact-form .left{padding-left:1rem;padding-right:1rem;padding-top:60px;padding-bottom:60px;flex:2;position:relative;--color: hsl(var(--menu-color));z-index:1}@media screen and (min-width: 950px){.contact-form .left{padding-left:0;padding-right:0}}.contact-form .right{min-height:40vh;flex:1;position:relative}.contact-form .right:before{content:" ";position:absolute;top:0;left:0;height:100%;width:calc(100% + 1rem);background:var(--image-url) no-repeat center / cover}@media screen and (min-width: 960px){.contact-form .right:before{width:calc(100% + (100vw - 960px)/2)}}.contact-form form{display:grid;gap:30px}.contact-form fieldset{display:grid;gap:15px;appearance:none;padding:0;border:none;margin:0}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{border:2px solid hsl(var(--brown-300));padding:10px;max-width:480px;border-radius:var(--border-radius-sm)}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form input[type=tel]:focus,.contact-form textarea:focus{outline:none;border-color:hsl(var(--brown-400))}.radio-group label{display:inline-block;padding:10px;background-color:hsl(var(--brown-100));cursor:pointer;transition:background-color var(--transition)}.radio-group label:hover{background-color:hsl(var(--brown-200))}.radio-group input:checked+label{background-color:hsl(var(--brown-300))}.radio-group label:nth-child(n + 3){border-left:2px solid hsl(var(--brown-300))}.contact-form .radio-group{border-radius:var(--border-radius-sm);border:2px solid hsl(var(--brown-300));justify-self:start;margin-top:15px}.contact-form button[type=submit]{appearance:none;border:none;background:none;justify-self:start;padding:0;cursor:pointer;color:hsl(var(--brown-700));transition:color var(--transition)}.contact-form button[type=submit]:hover{color:hsl(var(--brown-800))}
