.contact-block{--icon-color: var(--secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 0 32px;font:var(--font-body);font-size:1rem;gap:40px}.contact-block:before{position:absolute;height:105px;background-color:#fff;content:"";inset:0 0 auto}@media screen and (min-width: 64rem){.contact-block:before{height:40px}}@media screen and (min-width: 64rem){.contact-block{flex-direction:row;align-items:center;justify-content:space-between;gap:0}}.contact-block.contact-block--form{margin-top:40px}@media screen and (min-width: 64rem){.contact-block.contact-block--form{display:grid;margin-top:0;gap:160px;grid-template-columns:2fr 1fr;padding-block:64px;padding-inline:0}.contact-block.contact-block--form:before{display:none}}.contact-block.contact-block--form .contact-block__content{width:100%}.contact-block.contact-block--form .contact-block__icon{z-index:2;max-width:360px;justify-self:flex-end}.contact-block.contact-block--card,.contact-block.contact-block--card-narrow{--icon-color: var(--secondary);--background-color: var(--light-background);position:relative;padding:32px;background-color:var(--background-color);gap:32px}@media screen{.contact-block.contact-block--card:has(.contact-block__image),.contact-block.contact-block--card-narrow:has(.contact-block__image){padding-top:68px}}.contact-block.contact-block--card:has(.contact-block__image) .contact-block__links,.contact-block.contact-block--card-narrow:has(.contact-block__image) .contact-block__links{flex-flow:column nowrap}.contact-block.contact-block--card:not(:has(.contact-block__image)),.contact-block.contact-block--card-narrow:not(:has(.contact-block__image)){--icon-color: var(--thon-light);--background-color: var(--thon-light-8)}.contact-block.contact-block--card:not(:has(.contact-block__image)):before,.contact-block.contact-block--card-narrow:not(:has(.contact-block__image)):before{display:none}.contact-block.contact-block--card .contact-block__image,.contact-block.contact-block--card-narrow .contact-block__image{width:100%;padding:0}.contact-block.contact-block--card .contact-block__image img,.contact-block.contact-block--card .contact-block__image span,.contact-block.contact-block--card-narrow .contact-block__image img,.contact-block.contact-block--card-narrow .contact-block__image span{margin-top:-60px}@media screen and (min-width: 64rem){.contact-block.contact-block--card .contact-block__image,.contact-block.contact-block--card-narrow .contact-block__image{width:100%;max-width:160px}}.contact-block.contact-block--card .contact-block__content,.contact-block.contact-block--card-narrow .contact-block__content{flex-grow:1}.contact-block.contact-block--card .contact-block__intro,.contact-block.contact-block--card-narrow .contact-block__intro{font-size:1rem;margin-block:8px}.contact-block.contact-block--card .contact-block__links,.contact-block.contact-block--card-narrow .contact-block__links{margin-top:12px;gap:6px 16px}@media screen and (min-width: 64rem){.contact-block.contact-block--card .contact-block__links,.contact-block.contact-block--card-narrow .contact-block__links{column-gap:32px}}.contact-block.contact-block--card-narrow{flex-direction:column;gap:16px;place-items:center flex-start;text-align:center}.contact-block.contact-block--card-narrow:before{height:64px}.contact-block.contact-block--card-narrow .contact-block__links{flex-direction:column;align-items:center;padding-bottom:8px;margin-top:24px;gap:8px}@media print{.contact-block.contact-block--card-narrow{display:grid;padding:1cm;grid-template:"image name" "image role" "contact contact";row-gap:0;text-align:left}.contact-block.contact-block--card-narrow:before{display:none}.contact-block.contact-block--card-narrow .contact-block__image{width:3.75cm;grid-area:image}.contact-block.contact-block--card-narrow .contact-block__image img,.contact-block.contact-block--card-narrow .contact-block__image span{margin-top:0}.contact-block.contact-block--card-narrow .contact-block__image span{font-size:1.6cm}.contact-block.contact-block--card-narrow .contact-block__content{display:contents}.contact-block.contact-block--card-narrow .contact-block__heading{align-self:end;grid-area:name}.contact-block.contact-block--card-narrow .contact-block__intro{align-self:start;grid-area:role}.contact-block.contact-block--card-narrow .contact-block__links{align-items:start;padding:0;margin-top:.5cm;grid-area:contact}}.contact-block .contact-block__heading{margin:0}.contact-block .contact-block__heading a{color:var(--black);text-decoration:none}.contact-block .contact-block__heading a:hover{text-decoration:underline}.contact-block .contact-block__intro{margin:16px 0 8px;font:var(--font-body)}.contact-block .contact-block__image-initials{display:flex;align-items:center;justify-content:center;border-radius:120px;aspect-ratio:1;background-color:#fff;color:var(--icon-color);font-size:4rem;outline:2px solid var(--background-color, var(--beige));outline-offset:-5px}.contact-block .contact-block__form{display:flex;flex-flow:column wrap;padding:8px 0;font-size:1rem;gap:16px}@media screen and (min-width: 64rem){.contact-block .contact-block__form{flex-direction:row;align-items:center}.contact-block .contact-block__form input{flex-grow:1}.contact-block .contact-block__form button{margin-top:auto;white-space:nowrap}.contact-block .contact-block__form.contact-block__form--grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.contact-block .contact-block__form.contact-block__form--grid .contact-block__field--wide{display:flex;flex-direction:column;grid-column:1/3}.contact-block .contact-block__form.contact-block__form--grid .contact-block__submit{min-width:200px;justify-self:start}}.contact-block .contact-block__field{position:relative;display:flex;flex-direction:column;flex-grow:1;gap:4px}.contact-block .contact-block__field>label{color:var(--black);font-size:1rem;font-weight:500}.contact-block .contact-block__field>label:has(~validation-wrapper input[required]):after,.contact-block .contact-block__field>label:has(~validation-wrapper textarea[required]):after{color:var(--ui-red);content:" *";font-weight:700}.contact-block .contact-block__field-hint{display:block;font-size:.875rem;padding-block:8px}@media screen and (min-width: 48rem){.contact-block .contact-block__field-hint{text-align:right}}@media screen and (min-width: 64rem){.contact-block .contact-block__field-hint{position:absolute;right:0;bottom:-3em}}.contact-block .contact-block__required-notice{flex-basis:100%;font-size:.875rem;grid-column:1/3}.contact-block .contact-block__disclaimer{flex-basis:100%;order:1;margin-bottom:8px;font-size:.875rem;grid-column:1/3;line-height:1.6}.contact-block .contact-block__disclaimer a{color:currentcolor}.contact-block .contact-block__message{display:flex;align-items:center;margin-top:16px;color:#000;font-size:1rem;font-weight:500;gap:8px;opacity:1;transition:.25s opacity}.contact-block .contact-block__message[hidden]{display:flex;opacity:0}.contact-block .contact-block__message[data-contact-message=success] svg-icon{fill:var(--ui-green)}.contact-block .contact-block__message[data-contact-message=error] svg-icon{fill:var(--ui-red)}.contact-block .contact-block__message svg-icon{width:24px;height:24px}.contact-block .contact-block__icon{width:100%;max-width:310px;order:-1;margin-top:-48px}@media screen and (min-width: 64rem){.contact-block .contact-block__icon{order:initial;margin-top:0}}.contact-block .contact-block__links{display:flex;flex-wrap:wrap;margin-top:32px;gap:24px 48px}.contact-block .contact-block__link{display:inline-flex;align-items:center;color:var(--black);gap:10px;text-decoration:none}.contact-block .contact-block__link:hover{text-decoration:underline}.contact-block .contact-block__link-icon{width:20px;height:20px;fill:var(--icon-color)}.contact-block .contact-block__image{position:relative;z-index:2;display:flex;max-width:236px;flex-direction:column;order:-1;margin:0;gap:16px 24px}@media screen and (min-width: 64rem){.contact-block .contact-block__image{width:100%;max-width:200px;order:0;padding-left:100px}}.contact-block .contact-block__image img{width:100%;height:auto;border-radius:50%;margin-top:-88px;aspect-ratio:1;background-color:var(--light-background);object-fit:cover}@media screen and (min-width: 64rem){.contact-block .contact-block__image img,.contact-block .contact-block__image .contact-block__image-initials{margin-top:-72px}}.contact-block .contact-block__image-caption{text-align:center}.contact-block .contact-block__image-caption strong{display:block;margin-bottom:6px;font-size:1.125rem}.contact-block .contact-block__image-caption a{color:inherit;text-decoration:none}.contact-block .contact-block__image-caption a:hover{text-decoration:underline}
