.mitar-contact-methods{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.mitar-contact-method{position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:1.25rem;min-width:0;padding:1.25rem 1.25rem 1.5rem;border:1px solid hsl(var(--border));border-radius:1.25rem;background:hsl(var(--card));text-align:start;text-decoration:none}.mitar-contact-method:after{content:"";position:absolute;inset-inline-start:1.25rem;bottom:0;width:2rem;height:2px;background:#b98464;opacity:.75}.mitar-contact-method-illustration{width:4.5rem;height:4.5rem;flex:none}.mitar-contact-method-copy{min-width:0}.mitar-contact-method-label{margin:0 0 .3rem;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;line-height:1.5}.mitar-contact-method-value{margin:0;color:hsl(var(--foreground));font-size:1.0625rem;font-weight:650;line-height:1.6;letter-spacing:-.02em;white-space:nowrap}.mitar-contact-method-description{margin:.35rem 0 0;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.7}.mitar-contact-method[href]:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:4px}.mitar-contact-method[href]:is(:hover,:focus-visible){border-color:hsl(var(--accent) / .4);background:color-mix(in srgb,hsl(var(--card)) 95%,#c8d9c8)}.mitar-contact-method[href]:is(:hover,:focus-visible):after{width:3.5rem}.mitar-contact-method[href]:is(:hover,:focus-visible) .mitar-contact-method-value{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.mitar-contact-location{transform-origin:36px 26px}.mitar-contact-conversation{transform-origin:44px 28px}.mitar-contact-reply{transform-origin:46px 50px}@keyframes mitar-contact-locate{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(1px)}}@keyframes mitar-contact-letter{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}70%{transform:translateY(-1px)}}@keyframes mitar-contact-say{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg)}65%{transform:rotate(1deg)}}@keyframes mitar-contact-reply{0%,to{transform:translateY(0);opacity:1}30%{transform:translateY(2px);opacity:.5}65%{transform:translateY(-1px);opacity:1}}@media (min-width: 35rem){.mitar-contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.mitar-contact-method{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.125rem;padding:1.625rem}.mitar-contact-method:after{inset-inline-start:1.625rem}.mitar-contact-method-value{font-size:1.1875rem}}@media (min-width: 64rem){.mitar-contact-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.mitar-contact-method{min-height:15.5rem}}@media (min-width: 80rem){.mitar-contact-method-illustration{width:5rem;height:5rem}}@media (max-width: 22rem){.mitar-contact-method{grid-template-columns:4rem minmax(0,1fr);gap:.875rem;padding-inline:1rem}.mitar-contact-method-illustration{width:4rem;height:4rem}.mitar-contact-method-value{font-size:1rem}}@media (prefers-reduced-motion: no-preference){.mitar-contact-method,.mitar-contact-method:after{transition:border-color .18s ease,background-color .18s ease,width .22s ease}:is(.mitar-contact-method,.mitar-detail-host):focus-within .mitar-contact-location{animation:mitar-contact-locate .85s ease-in-out 1}:is(.mitar-contact-method,.mitar-detail-host):focus-within .mitar-contact-letter{animation:mitar-contact-letter .9s ease-in-out 1}:is(.mitar-contact-method,.mitar-detail-host):focus-within .mitar-contact-conversation{animation:mitar-contact-say .85s ease-in-out 1}:is(.mitar-contact-method,.mitar-detail-host):focus-within .mitar-contact-reply{animation:mitar-contact-reply .9s ease-in-out 1}}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){:is(.mitar-contact-method,.mitar-detail-host):hover .mitar-contact-location{animation:mitar-contact-locate .85s ease-in-out 1}:is(.mitar-contact-method,.mitar-detail-host):hover .mitar-contact-letter{animation:mitar-contact-letter .9s ease-in-out 1}:is(.mitar-contact-method,.mitar-detail-host):hover .mitar-contact-conversation{animation:mitar-contact-say .85s ease-in-out 1}:is(.mitar-contact-method,.mitar-detail-host):hover .mitar-contact-reply{animation:mitar-contact-reply .9s ease-in-out 1}}@media (prefers-reduced-motion: reduce),print{.mitar-contact-method .mitar-detail-mark *{animation:none!important}.mitar-contact-method,.mitar-contact-method:after{transition:none}}
