/*
 * The Desk (1.7): the floating help star, the help panel and the Contact page (inc/desk.php, assets/js/desk.js).
 * Field green like the search and Ask sheet, so it reads as the same product: night head on the topographic map,
 * khaki labels with the red bar, bone outlines, red for the primary action only. Type and sizes are the theme tokens.
 */

/* Floating star: bottom corner, above the cookie bar (--aa-desk-lift, set by the boot script) and the safe area. */
.aa-desk-fab {
	--aa-desk-gap: 16px;
	position: fixed; z-index: 95; bottom: calc(var(--aa-desk-gap) + env(safe-area-inset-bottom, 0px) + var(--aa-desk-lift, 0px)); right: calc(var(--aa-desk-gap) + env(safe-area-inset-right, 0px));
	width: 56px; height: 56px; background: var(--aa-field-green); color: #fff;
	box-shadow: 0 0 0 1px rgba(229, 225, 214, .16), 0 8px 24px -6px rgba(11, 18, 13, .55), 0 2px 6px rgba(11, 18, 13, .25);
	opacity: 0; visibility: hidden; transform: translateY(12px) scale(.92);
	transition: --aa-g-burst 1.1s var(--aa-ease), --aa-g-span .6s var(--aa-ease), box-shadow .35s, background-color .3s, opacity .25s, transform .35s var(--aa-ease), visibility 0s linear .35s;
}
.aa-desk-fab[hidden] { display: none; }
.aa-desk-fab--left { right: auto; left: calc(var(--aa-desk-gap) + env(safe-area-inset-left, 0px)); }
/* Staging and local copies: the STAGING badge sits bottom left, so the star clears it there. */
.aa-desk-fab--badge { bottom: calc(var(--aa-desk-gap) + 44px + env(safe-area-inset-bottom, 0px) + var(--aa-desk-lift, 0px)); }
.aa-desk-fab .aa-star-mark { width: 24px; height: 24px; }
.aa-desk-fab.is-shown { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.aa-desk-fab.is-shown:is(:hover, :focus-visible) { transform: translateY(-2px); background: var(--aa-field-green); box-shadow: 0 0 0 1px rgba(215, 25, 32, .6), 0 0 24px -2px rgba(215, 25, 32, .7), 0 10px 28px -6px rgba(11, 18, 13, .6); }
html.aa-desk-open .aa-desk-fab { opacity: 0; visibility: hidden; transform: translateY(12px) scale(.92); transition-delay: 0s; }
@media print { .aa-desk-fab { display: none !important; } }

/* The help panel: a card in the star's corner on wider screens, a bottom sheet on phones. */
.aa-desk-dialog {
	position: fixed; inset: auto calc(16px + env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px) + var(--aa-desk-lift, 0px)) auto;
	width: 420px; max-width: calc(100vw - 32px); height: auto; max-height: min(80vh, 780px); margin: 0; padding: 0; overflow: hidden;
	border: 0; border-bottom: 4px solid var(--aa-accent); border-radius: 2px; background: var(--aa-field-green); color: var(--aa-on-dark);
	box-shadow: 0 24px 64px rgba(0, 0, 0, .45), 0 0 0 1px rgba(229, 225, 214, .08);
}
.aa-desk-dialog--left { inset: auto auto calc(16px + env(safe-area-inset-bottom, 0px) + var(--aa-desk-lift, 0px)) calc(16px + env(safe-area-inset-left, 0px)); }
.aa-desk-dialog[open] { display: flex; flex-direction: column; animation: aa-desk-in .26s var(--aa-ease); transform-origin: 100% 100%; }
.aa-desk-dialog--left[open] { transform-origin: 0 100%; }
.aa-desk-dialog::backdrop { background: rgba(11, 18, 13, .5); }
@keyframes aa-desk-in { from { opacity: 0; transform: translateY(16px) scale(.98); } }
@media (max-width: 599px) {
	.aa-desk-dialog, .aa-desk-dialog--left { inset: auto 0 0 0; width: 100%; max-width: none; max-height: 90dvh; border-bottom: 0; border-top: 4px solid var(--aa-accent); }
	.aa-desk-dialog[open] { animation-name: aa-desk-up; }
	@keyframes aa-desk-up { from { transform: translateY(100%); } }
}

/* The Desk itself (both modes). Its width decides the form layout (container query), not the screen. */
.aa-desk { display: flex; flex-direction: column; min-width: 0; min-height: 0; container: aa-desk / inline-size; background: var(--aa-field-green); color: var(--aa-on-dark); font: 400 var(--aa-t-body)/1.55 var(--aa-body); }
.aa-desk-dialog .aa-desk { flex: 1; }
.aa-desk [hidden] { display: none !important; }
/* Lists inside the Desk and the Contact page are layouts, not text: no indent or spacing from the page content. */
:is(.aa-desk, .aa-contact) :is(.aa-chips, .aa-thread, .aa-sgrid, .aa-contact__list, .aa-contact__social) { padding-left: 0; }
:is(.aa-desk, .aa-contact) :is(.aa-chips, .aa-thread, .aa-sgrid, .aa-contact__list, .aa-contact__social) > li + li { margin-top: 0; }
.aa-desk .aa-msg__text li + li, .aa-desk__answer li + li { margin-top: .35em; }
.aa-desk a:not([class]) { color: #fff; text-decoration-color: var(--aa-accent); }
.aa-desk a:not([class]):hover { color: #fff; text-decoration-thickness: 2px; }

/* Head: the presenter (or the star) beside the greeting, on the night map. */
.aa-desk__head { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; flex: none; padding: 1rem 1rem 1rem 1.25rem; border-bottom: 1px solid rgba(229, 225, 214, .1); background-color: var(--aa-night); background-image: linear-gradient(rgba(11, 18, 13, .7), rgba(11, 18, 13, .7)), url("../brand/topo-lines.svg"); background-position: center; background-size: auto, 730px auto; background-repeat: no-repeat; }
.aa-desk__presenter { position: relative; width: 84px; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 2px; background: url("../brand/topo-lines.svg") center / 340px auto no-repeat, var(--aa-night); box-shadow: inset 0 0 0 1px rgba(229, 225, 214, .18); }
.aa-desk__insignia { position: absolute; inset: 30% 22%; background: var(--aa-accent); -webkit-mask: var(--aa-insignia-star) center / contain no-repeat; mask: var(--aa-insignia-star) center / contain no-repeat; }
.aa-desk__presenter--video { width: 96px; background: var(--aa-night); }
@media (max-width: 599px) { .aa-desk__head { gap: .875rem; padding: .875rem .75rem .875rem 1rem; } .aa-desk .aa-desk__presenter { width: 64px; } .aa-desk .aa-desk__presenter--video { width: 76px; } }
.aa-desk__video { display: block; width: 100%; height: 100%; object-fit: cover; }
.aa-desk__sound { position: absolute; right: 4px; bottom: 4px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: rgba(11, 18, 13, .8); color: #fff; cursor: pointer; box-shadow: 0 0 0 1px rgba(229, 225, 214, .25); }
.aa-desk__sound::after { content: ""; position: absolute; inset: -4px; } /* 44px to tap */
.aa-desk__sound-icon { width: 18px; height: 18px; }
.aa-desk__sound:hover { background: var(--aa-accent-dark); }
.aa-desk__sound-icon { flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E") center / contain no-repeat; }
.aa-desk__sound[aria-pressed="true"] .aa-desk__sound-icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M16 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M16 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E"); }
.aa-desk__hello { min-width: 0; }
.aa-desk__kicker { display: flex; align-items: center; gap: .5rem; margin: 0 0 .375rem; color: var(--aa-khaki); font: 300 var(--aa-t-label)/1.2 var(--aa-head); letter-spacing: var(--aa-ls-label); text-transform: uppercase; }
/* 1.22: no red dash beside the kicker (sitewide, Alexio). */
.aa-desk__title { margin: 0; color: #fff; font: 300 var(--aa-t-h3)/1 var(--aa-head); letter-spacing: var(--aa-ls-head); text-transform: uppercase; }
.aa-desk__title:focus { outline: 0; }
.aa-desk__lede { margin: .5rem 0 0; color: var(--aa-on-dark-muted); font: 300 var(--aa-t-ui)/1.3 var(--aa-head); letter-spacing: var(--aa-ls-head); text-transform: uppercase; }
.aa-desk__close { align-self: start; display: inline-grid; place-items: center; width: 44px; height: 44px; margin: -.25rem -.25rem 0 0; padding: 0; border: 0; border-radius: 2px; background: none; color: var(--aa-on-dark); cursor: pointer; }
.aa-desk__close:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.aa-desk__close .aa-icon { width: 22px; height: 22px; }

/* Body: the sections, one after another, scrolling inside the panel. */
.aa-desk__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 1.25rem 1.25rem; scrollbar-width: thin; scrollbar-color: rgba(229, 225, 214, .3) transparent; }
.aa-desk__sec { padding-block: 1.25rem; border-bottom: 1px solid rgba(229, 225, 214, .1); }
.aa-desk__label { display: flex; align-items: center; gap: .625rem; margin: 0 0 .75rem; color: var(--aa-khaki); font: 400 var(--aa-t-label)/1.4 var(--aa-body); letter-spacing: var(--aa-ls-label); text-transform: uppercase; }
/* 1.22: no red dash beside the label. */
.aa-desk__label .aa-star-mark { order: 1; width: 14px; height: 14px; color: var(--aa-accent); }

/* Fields: the sheet's dark inputs. */
.aa-desk .aa-desk__input { width: 100%; min-width: 0; min-height: 52px; padding: .625rem .875rem; border: 1px solid rgba(229, 225, 214, .35); border-radius: 2px; background-color: rgba(229, 225, 214, .07); color: #fff; font: 400 var(--aa-t-body)/1.4 var(--aa-body); }
.aa-desk .aa-desk__input::placeholder { color: var(--aa-on-dark-muted); }
.aa-desk .aa-desk__input:hover { border-color: rgba(229, 225, 214, .55); }
.aa-desk .aa-desk__input:focus-visible { outline: 2px solid var(--aa-accent); outline-offset: 0; border-color: var(--aa-accent); }
.aa-desk textarea.aa-desk__input { min-height: 132px; resize: vertical; }
.aa-desk select.aa-desk__input { appearance: none; padding-right: 2.5rem; background: rgba(229, 225, 214, .07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5e1d6' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .75rem center / 18px no-repeat; }
.aa-desk select.aa-desk__input option { background: #fff; color: var(--aa-ink); }
.aa-desk .aa-desk__input[aria-invalid="true"] { border-color: #ff9d9d; box-shadow: inset 3px 0 0 #ff9d9d; }

/* Ask */
.aa-desk__askrow { display: flex; gap: .5rem; }
.aa-desk .aa-desk__go { flex: none; width: 52px; min-height: 52px; padding: 0; }
.aa-desk__go .aa-icon { width: 20px; height: 20px; }
.aa-desk__thread { gap: 1rem; }
.aa-desk__thread:not(:empty) { margin-top: 1rem; }
.aa-desk .aa-msg--q { max-width: 88%; }
.aa-desk .aa-msg--a { gap: .875rem; padding: 1rem 1rem .875rem; }
.aa-desk .aa-msg__text { font-size: var(--aa-t-body); }
.aa-desk .aa-msg__links { gap: .375rem; }
.aa-desk .aa-msg__links .aa-icon { width: 16px; height: 16px; color: var(--aa-accent); }
.aa-desk__acts { display: flex; flex-wrap: wrap; gap: .5rem; padding-top: .875rem; border-top: 1px solid rgba(229, 225, 214, .12); }
.aa-desk__thanks { margin: 0; color: var(--aa-on-dark); font-size: var(--aa-t-body); }
.aa-desk__thanks .aa-star-mark { margin-right: .5rem; color: var(--aa-accent); vertical-align: -.15em; }

/* Chips on green, as in the sheet (1.13: small pills). An open topic is filled bone. */
.aa-desk .aa-chip { background: rgba(229, 225, 214, .06); color: var(--aa-on-dark); box-shadow: inset 0 0 0 1px rgba(229, 225, 214, .3); }
.aa-desk .aa-chip:hover { background: rgba(229, 225, 214, .12); color: #fff; box-shadow: inset 0 0 0 1px rgba(229, 225, 214, .6); }
.aa-desk .aa-chip .aa-star-mark { color: var(--aa-accent); }
.aa-desk .aa-chip[aria-expanded="true"] { background: var(--aa-bone); color: var(--aa-ink); box-shadow: none; }
.aa-desk .aa-chip--go { background: var(--aa-accent-dark); color: #fff; box-shadow: none; }
.aa-desk .aa-chip--go:hover { background: var(--aa-accent-darker); color: #fff; box-shadow: none; }
.aa-desk__chip-arrow { width: 14px; height: 14px; color: var(--aa-accent); }
@media (forced-colors: active) { .aa-desk .aa-chip[aria-expanded="true"] { outline: 3px solid Highlight; outline-offset: -3px; } }

/* Quick answers: the topic's questions as an accordion, like the FAQ page on green. */
.aa-desk__panel { display: grid; gap: .375rem; margin-top: 1rem; }
.aa-desk__qa { border-left: 3px solid transparent; background: rgba(229, 225, 214, .05); transition: border-color .2s; }
.aa-desk__qa[open] { border-left-color: var(--aa-accent); background: rgba(11, 18, 13, .55); }
.aa-desk__qa summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 52px; padding: .75rem 1rem; cursor: pointer; list-style: none; color: #fff; font: 300 var(--aa-t-ui)/1.25 var(--aa-head); letter-spacing: var(--aa-ls-head); text-transform: uppercase; }
.aa-desk__qa summary::-webkit-details-marker { display: none; }
.aa-desk__qa summary::after { content: ""; flex: none; width: 12px; height: 12px; background: linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat; transition: transform .2s; }
.aa-desk__qa[open] summary::after { transform: rotate(45deg); }
.aa-desk__qa summary:hover { color: var(--aa-khaki); }
.aa-desk__qa summary:focus-visible { outline-offset: -2px; }
.aa-desk__answer { padding: 0 1rem 1rem; color: var(--aa-on-dark); font-size: var(--aa-t-body); line-height: 1.6; }
.aa-desk__answer > :last-child { margin-bottom: 0; }
.aa-desk__answer p, .aa-desk__answer ul, .aa-desk__answer ol { margin: 0 0 .75rem; }
.aa-desk__answer ul, .aa-desk__answer ol { padding-left: 1.1em; }
.aa-desk__more { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .25rem 1rem; margin: .5rem 0 0; font-size: var(--aa-t-label); }
.aa-desk__more a, .aa-desk__more .aa-linkbtn { display: inline-flex; align-items: center; min-height: 44px; color: var(--aa-on-dark); text-decoration-color: var(--aa-accent); }
.aa-desk__more .aa-linkbtn:hover { color: #fff; }

/* Message the team */
.aa-desk__invite { display: grid; gap: .875rem; }
.aa-desk__invite p { margin: 0; color: var(--aa-on-dark-muted); }
.aa-desk .aa-btn--outline { border-color: rgba(229, 225, 214, .5); color: #fff; }
.aa-desk .aa-btn--outline:hover { border-color: var(--aa-bone); background: var(--aa-bone); color: var(--aa-ink); }
.aa-desk__write { justify-self: start; }
.aa-desk__form { display: grid; gap: 1rem; }
.aa-desk__invite + .aa-desk__form { margin-top: 1rem; }
.aa-desk__hint { margin: 0; color: var(--aa-on-dark-muted); font-size: var(--aa-t-label); }
.aa-desk__grid { display: grid; gap: 1rem; }
@container aa-desk (min-width: 540px) { .aa-desk__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aa-desk__row { display: grid; gap: .375rem; min-width: 0; }
.aa-desk__row > label { color: var(--aa-on-dark); font: 400 var(--aa-t-label)/1.3 var(--aa-body); letter-spacing: var(--aa-ls-label); text-transform: uppercase; }
.aa-desk__help { margin: 0; color: var(--aa-on-dark-muted); font-size: var(--aa-t-label); }
.aa-desk__count.is-near { color: var(--aa-khaki); }
.aa-desk__err { margin: 0; color: #ffb3b3; font-size: var(--aa-t-label); }
.aa-desk__err::before { content: ""; display: inline-block; width: .75em; height: .75em; margin-right: .5em; background: currentColor; vertical-align: -.05em; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.aa-desk__consent { margin: 0; color: var(--aa-on-dark-muted); font-size: var(--aa-t-label); }
.aa-desk__formerr { margin: 0; padding: .75rem 1rem; border-left: 4px solid #ffb3b3; background: rgba(165, 29, 29, .25); color: #fff; font-size: var(--aa-t-body); }
.aa-desk__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.aa-desk__submit { min-width: 12rem; }
.aa-desk__submit[aria-busy="true"] { cursor: progress; }
.aa-desk__submit[aria-busy="true"] .aa-dots { margin-right: .25rem; }
.aa-desk__submit .aa-dots i { background: #fff; }

/* The pre-check: "Before you send, this might answer it". */
.aa-desk__check:empty { display: none; }
.aa-desk__check .aa-msg--a { gap: .875rem; padding: 1rem 1rem .875rem; }
.aa-desk__check-title { margin: 0; color: var(--aa-khaki); font: 300 var(--aa-t-ui)/1.25 var(--aa-head); letter-spacing: var(--aa-ls-head); text-transform: uppercase; }
.aa-desk__check-title:focus { outline: 0; }

/* Sent */
.aa-desk__done { display: grid; gap: .75rem; padding: 1.25rem; border-left: 4px solid var(--aa-accent); background: rgba(11, 18, 13, .55); }
.aa-desk__done:focus { outline: 0; }
.aa-desk__done-title { display: flex; align-items: center; gap: .625rem; margin: 0; color: #fff; font: 300 var(--aa-t-h3)/1.05 var(--aa-head); letter-spacing: var(--aa-ls-head); text-transform: uppercase; }
.aa-desk__done-title .aa-star-mark { width: 22px; height: 22px; color: var(--aa-accent); }
.aa-desk__done p { margin: 0; }
.aa-desk__ref { color: #fff; font-weight: 700; letter-spacing: .04em; }

/* Small print */
.aa-desk__small { margin: 1.25rem 0 0; color: var(--aa-on-dark-muted); font: 400 14px/1.5 var(--aa-small); }
.aa-desk__small a { color: var(--aa-on-dark); }

/* Product cards in an answer: one per row in the panel (photo beside the words), two side by side when there's room. */
.aa-desk .aa-sgrid { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
@container aa-desk (min-width: 540px) { .aa-desk .aa-sgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aa-desk .aa-scard { flex-direction: row; }
.aa-desk .aa-scard__media { flex: none; width: 76px; aspect-ratio: 3 / 4; }
.aa-desk .aa-scard__tag { display: none; }
.aa-desk .aa-scard__body { justify-content: center; padding: .5rem .875rem; }
.aa-desk .aa-scard__meta { margin-top: 0; }

/* Inline: the Contact page. The Desk first (it is the page's job), the facts beside it from 960px. */
.aa-contact { display: grid; gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
@media (min-width: 960px) { .aa-contact { grid-template-columns: minmax(0, 1.7fr) minmax(16rem, 1fr); } .aa-contact__side { position: sticky; top: calc(var(--aa-header-h) + 2rem); } }
.aa-desk--inline { border-bottom: 4px solid var(--aa-accent); border-radius: 2px; box-shadow: 0 24px 48px -24px rgba(11, 18, 13, .45); }
.aa-desk--inline .aa-desk__head { gap: 1.25rem; padding: clamp(1.25rem, 3vw, 1.75rem); }
.aa-desk--inline .aa-desk__presenter { width: clamp(64px, 14vw, 112px); }
.aa-desk--inline .aa-desk__presenter--video { width: clamp(76px, 16vw, 128px); }
.aa-desk--inline .aa-desk__body { overflow: visible; padding: 0 clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3vw, 1.75rem); }
.aa-desk--inline .aa-desk__sec { padding-block: 1.5rem; }
.aa-contact__side { display: grid; gap: 1.5rem; min-width: 0; }
/* Alexio, 17 Oct: Radio in beside the form (a dark card like the Desk), and the facts as a card of their own. */
.aa-contact__radio { padding: clamp(1.5rem, 3vw, 2rem); background: var(--aa-field-green); color: var(--aa-on-dark); border-bottom: 4px solid var(--aa-accent); border-radius: 2px; box-shadow: 0 24px 48px -24px rgba(11, 18, 13, .45); }
.aa-contact__radio .aa-vn { margin: 0 auto; }
.aa-contact__facts { min-width: 0; padding: clamp(1.5rem, 3vw, 2rem); background: var(--aa-bone-light); border-radius: 2px; }
.aa-contact__facts > .aa-kicker { margin-top: 0; }
.aa-contact__title { margin: 0 0 1.5rem; font-size: var(--aa-t-h3); }
.aa-contact__list { display: grid; gap: 1.25rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.aa-contact__list li { display: grid; gap: .25rem; padding-top: 1rem; border-top: 1px solid var(--aa-line); }
.aa-contact__k { color: var(--aa-deep-olive); font: 400 var(--aa-t-label)/1.3 var(--aa-body); letter-spacing: var(--aa-ls-label); text-transform: uppercase; }
.aa-contact__v { font-size: var(--aa-t-body); }
a.aa-contact__v { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; margin-block: -.5rem; font: 300 var(--aa-t-lead)/1.2 var(--aa-head); letter-spacing: var(--aa-ls-head); text-transform: uppercase; text-decoration-color: var(--aa-accent); overflow-wrap: anywhere; }
.aa-contact__social { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.aa-contact__social a { background: transparent; display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: .5rem .875rem; border: 1px solid var(--aa-ink); border-radius: 2px; color: var(--aa-ink); font: 400 var(--aa-t-ui)/1.2 var(--aa-body); text-decoration: none; }
.aa-contact__social a:hover { border-color: var(--aa-accent-dark); background: var(--aa-bone-light); color: var(--aa-ink); }
.aa-contact__social .aa-icon { width: 18px; height: 18px; }
.aa-contact__company { margin: 0; color: var(--aa-muted); font: 400 14px/1.5 var(--aa-small); }

@media (prefers-reduced-motion: reduce) {
	.aa-desk-dialog[open] { animation: none; }
	.aa-desk-fab { transform: none; }
}