/* Hark Capital's published color swatches. */
:root {
  --hark-inkwell:#062541;
  --hark-cerulean:#114167;
  --hark-cobalt:#235e80;
  --hark-laguna:#00f2e5;
  --hark-charcoal:#181818;
  --hark-charcoal-light:#232323;
  --hark-pewter:#919598;
  --hark-gray:#f3f3f3;
  --hark-gray-2:#d4d4d4;
  --hark-white:#fff;
  --hark-menu-neutral:#a8a8a840;
  --hark-menu-blue:#11416799;
  --hark-cobalt-overlay:#235e8066;
  --hark-cobalt-glass:#235e8080;
  --hark-white-20:color-mix(in srgb,var(--hark-white) 20%,transparent);
  --hark-white-50:color-mix(in srgb,var(--hark-white) 50%,transparent);
  --hark-charcoal-20:color-mix(in srgb,var(--hark-charcoal) 20%,transparent);
}
*,*::before,*::after {box-sizing:border-box}
body {margin:0;background:var(--hark-gray);color:var(--hark-charcoal);font:400 16px/1.4 Aeonikpro,Arial,sans-serif}
h1,h2,h3,p,figure,ul {margin:0}
a {color:inherit;text-decoration:none}
button {padding:0;border:0;background:none;color:inherit;font:inherit}
img {display:block;max-width:100%}
svg {display:block}
[id] {scroll-margin-top:72px}
:focus-visible {outline:2px solid var(--hark-cobalt);outline-offset:3px}
main:focus {outline:none}
.sr-only,.skip-link:not(:focus) {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus {position:fixed;z-index:300;top:12px;left:12px;padding:8px 12px;background:var(--hark-white);color:var(--hark-inkwell)}
::selection,.footer_section ::selection {color:var(--hark-white);background:var(--hark-cobalt)}
:focus-visible:not(input):not(textarea) {outline-color:var(--hark-cobalt)}
.footer_section :focus-visible:not(input):not(textarea) {outline-color:var(--hark-laguna)}
@font-face {
  font-family: Aeonikpro;
  src: url("/assets/hark/aeonikpro-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.hark-site-header {--hark-margin:clamp(16px,1.478vw,36px);height:68px;font:400 16px/1.25 Aeonikpro,Arial,sans-serif}
body:has(.hark-home-hero,.news-artwork) .hark-site-header {height:0}
.hark-site-header.is-over-artwork .hark-brand {color:var(--hark-white)}
.hark-site-header.is-over-artwork .hark-brand img {filter:invert(1)}
.hark-nav-inner {position:fixed;inset:0 0 auto;z-index:100;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--hark-margin) calc(var(--hark-margin)*1.2) 0;pointer-events:none}
.hark-nav-actions {display:flex;align-items:flex-start;gap:8px}
.hark-brand {display:inline-flex;align-items:center;gap:3px;font-size:22px;line-height:28px;letter-spacing:-.03em;color:var(--hark-inkwell);pointer-events:auto}
.micro_wrap {
  display:flex;flex-direction:column;justify-content:space-between;width:196px;height:56px;
  padding:16px 19px 15px;border:1px solid var(--hark-white-20);border-radius:5px;color:var(--hark-inkwell);
  background:var(--hark-menu-neutral);backdrop-filter:blur(70px);transition:height .2s ease-out,background-color .2s ease-out;pointer-events:auto;
}
.hark-site-header.is-over-artwork .micro_wrap {background:var(--hark-menu-blue);color:var(--hark-white)}
body:has(.news-artwork) .hark-site-header.is-over-artwork .micro_wrap {background:var(--hark-menu-neutral)}
.micro-top,.close-btn_layout {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:pointer}
.micro-top {transition:all .3s ease-out}
.micro-top svg,.close-btn_layout svg {width:14px;height:14px;flex:none}
.micro-top-text_contain {display:flex;justify-content:flex-end;position:relative;flex:1}
.micro-top_text {white-space:nowrap}
.micro-top_text.is-expand {display:none}
.micro_wrap.is-at-home-top .micro-top_text:not(.is-expand) {display:none}
.micro_wrap.is-at-home-top .micro-top_text.is-expand {display:block}
.micro_wrap.is-at-home-top {height:164px}
.micro_wrap.is-at-home-top .micro-bot {visibility:visible;opacity:1;pointer-events:auto}
.micro-bot {display:flex;flex-direction:column;align-items:flex-start;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out}
.micro-link {padding:5px 8px;margin-left:-8px;border-radius:3px;white-space:nowrap;transition:opacity .3s ease-out}
.micro-bot:has(.micro-link:hover) .micro-link:not(:hover),
.menu-items_wrap:has(.menu-item:hover) .menu-item:not(:hover) {opacity:.65}
.menu-products-toggle,.menu-item.menu-products-toggle {
  display:flex;align-items:center;gap:.35em;width:max-content;list-style:none;cursor:pointer;
}
.menu-products-toggle::-webkit-details-marker {display:none}
.menu-products-toggle svg {width:.5em;min-width:13px;aspect-ratio:1;transition:transform .2s ease-out}
.menu-products[open] .menu-products-toggle svg {transform:rotate(180deg)}
.menu-product-list {display:grid;gap:8px;padding:10px 0 14px 22px;list-style:none;font-size:clamp(22px,2.3vw,34px);line-height:1.15}
.menu-product-list li>a {display:inline-block}
.menu-product-list a:is(:hover,:focus-visible),.menu-products-toggle:focus-visible {text-decoration:underline;text-underline-offset:.18em}
.menu-product-list li>span {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;color:var(--hark-cobalt)}
.menu-product-list small {font-size:.72em}
.menu-items_wrap .menu-product-list {padding-left:calc(var(--hark-margin)*1.365 + 24px)}
.micro-bot .menu-product-list {gap:6px;padding:6px 0 4px 12px;font-size:17px}
.is-over-artwork .micro-bot .menu-product-list li>span {color:inherit;opacity:.85}
.micro_wrap.is-at-home-top:has(.menu-products[open]) {height:min(340px,85dvh)}
.micro_wrap:has(.menu-products[open]) .micro-bot {overflow:auto;overscroll-behavior:contain}
@media(min-width:992px) {
  .micro_wrap:has(.menu-products[open]):is(:hover,:focus-within) {height:min(340px,85dvh)}
  .micro_wrap:has(.menu-products[open]):focus-within .micro-bot {visibility:visible;opacity:1;pointer-events:auto}
  .menu_component:has(.menu-products[open]) {overflow:auto}
}
.hark-site-header :is(a,button,summary):focus-visible {outline:none;animation:none;text-decoration:underline;text-underline-offset:.18em}
.menu_wrap {position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:transparent;color:var(--hark-white);opacity:0}
.menu_wrap::backdrop {background:transparent}
.menu-bg {position:absolute;inset:0;background:var(--hark-cobalt-overlay);backdrop-filter:blur(70px);cursor:pointer}
.menu-layout {position:relative;display:flex;justify-content:space-between;height:100%;padding:var(--hark-margin);pointer-events:none}
.menu_component {position:relative;width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;background:var(--hark-white);color:var(--hark-inkwell);pointer-events:auto;transform-origin:100% 0;overflow:auto;overscroll-behavior:contain}
.menu-items_wrap {display:flex;flex-direction:column;padding-top:var(--hark-margin)}
.menu-item_wrap {position:relative;display:flex;background:var(--hark-white);transition:transform .3s ease-out}
.menu-item_clip {position:absolute;right:100%;height:calc(100% + .125em);width:16px;background:var(--hark-white);opacity:0;mask:url('/assets/hark/menu-cutout.svg') no-repeat center/cover;transition:opacity .3s ease-out}
.menu-item {display:block;margin-left:calc(var(--hark-margin)*1.365);font-size:clamp(36px,calc(33.23px + .8654vw),54px);line-height:1.09;letter-spacing:-.025em;transition:opacity .3s ease-out}
.menu-number_layout {position:relative;width:50%;pointer-events:none}
.menu-number {position:absolute;bottom:0;left:0;opacity:0;color:var(--hark-white);font-size:clamp(88px,13vw,210px);line-height:1}
.close-btn_layout {position:absolute;z-index:2;top:var(--hark-margin);right:var(--hark-margin);width:156px;transition:all .3s ease-out}
.close-btn_layout svg {transform:rotate(45deg);transition:all .3s ease-out}
html:has(.menu_wrap[open]) {overflow:hidden}
@media (min-width:992px) {
  .micro_wrap:is(:hover,:has(:focus-visible)) {height:164px}
  .micro_wrap:is(:hover,:has(:focus-visible)) .micro-bot {visibility:visible;opacity:1;pointer-events:auto}
  .close-btn_layout:hover svg {transform:rotate(180deg)}
  .menu-item_wrap:hover {transform:translateX(1rem)}
  .menu-item_wrap:hover .menu-item_clip,.menu-number.current {opacity:1}
  .menu_component {overflow:visible}
}
@media (max-width:991px) {
  .micro_wrap {width:auto;height:auto;padding:12px 14px}
  .micro-bot,.menu-number_layout {display:none}
  .micro_wrap.is-at-home-top {height:146px}
  .micro_wrap.is-at-home-top .micro-bot {display:flex}
  .menu_component {width:100%}
  .menu-items_wrap {padding-top:48px}
  .close-btn_layout {width:auto}
}
@media (prefers-reduced-motion:reduce) {
  .hark-site-header * {transition:none!important}
}
/* Hark's opening section uses one viewport for the title and a right-aligned introduction below it. */
.hark-home-hero {
  --hero-gutter:clamp(16px,1.755vw,36px);position:relative;color:var(--hark-white);
  background:var(--hark-inkwell);font:400 18px/1.4 Aeonikpro,Arial,sans-serif;
}
.hark-hero-bg {position:absolute;inset:0;overflow:clip;pointer-events:none}
.hark-hero-media {position:sticky;top:0;height:100svh;background:radial-gradient(ellipse at 75% 30%,var(--hark-cobalt),var(--hark-inkwell) 72%)}
.hark-hero-media::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--hark-charcoal-20),transparent 35%,var(--hark-charcoal-20) 75%,var(--hark-menu-blue))}
.hark-hero-title-wrap {
  position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  min-height:100svh;padding:0 var(--hero-gutter) clamp(32px,3.3vw,70px);
}
.hark-hero-title-wrap h1 {margin:0;font-size:clamp(42px,6.65vw,126px);line-height:.92;font-weight:400;letter-spacing:-.035em}
.hark-hero-arrow {display:flex;align-items:flex-end;justify-content:center;min-width:44px;min-height:44px}
.hark-hero-arrow:is(:hover,:focus-visible) {color:var(--hark-laguna)}
.hark-hero-description {
  position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;
  padding:clamp(80px,11.25vw,180px) var(--hero-gutter) clamp(56px,6.25vw,100px);
}
.hark-hero-description p {grid-column:8/span 4;margin:0;font-size:clamp(17px,1.4vw,24px);text-shadow:0 1px 9px var(--hark-inkwell)}
@media(max-width:767px) {
  .hark-hero-title-wrap {gap:8px}
  .hark-hero-title-wrap h1 {font-size:clamp(34px,8.3vw,58px)}
  .hark-hero-arrow {min-width:30px}
  .hark-hero-arrow svg {height:35px}
  .hark-hero-description {display:block;padding-top:42px}
}
[hidden] {display:none!important}
/* Shared footer. */
.footer_section {
  position:relative;z-index:200;width:100%;background:var(--hark-charcoal);color:var(--hark-pewter);
  font:400 16px/1.25 Aeonikpro,Arial,sans-serif;
}
.footer_contain {
  display:flex;flex-direction:column;gap:clamp(28px,4vw,54px);
  padding:28px clamp(16px,1.755vw,36px);
}
.footer_top {display:flex}
.footer-top_left,.footer-top_right {width:50%}
.footer-top_left {display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,2vw,28px)}
.footer-newsletter {width:min(100%,420px);padding:24px;border:1px solid var(--hark-white-20);border-radius:5px}
.footer-newsletter h2 {color:var(--hark-white);font-size:28px;font-weight:400;letter-spacing:-.025em}
.footer-newsletter p {margin:8px 0 20px}
.newsletter-fields {display:flex;flex-wrap:wrap;gap:8px}
.newsletter-fields input {
  flex:1 1 185px;min-width:0;padding:12px;border:.5px solid var(--hark-cobalt);border-radius:4px;
  background:var(--hark-charcoal-light);color:var(--hark-white);font:inherit;
}
.newsletter-fields input::placeholder {color:var(--hark-white-50)}
.newsletter-fields input:focus-visible {outline:1px solid var(--hark-cobalt);outline-offset:1px}
.newsletter-fields button {padding:12px 16px;border-radius:4px;background:var(--hark-cobalt);color:var(--hark-white);cursor:pointer}
.newsletter-fields button:is(:hover,:focus-visible) {background:var(--hark-cerulean)}
.newsletter-form small {display:block;margin-top:10px}
.footer-top_right {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.footer-nav_title {margin:0 0 18px;font:inherit}
.footer-nav_contain {display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-nav_link {display:inline-flex;align-items:center;transition:color .3s ease-out}
.footer-nav_link:is(:hover,:focus-visible) {text-decoration:underline;text-underline-offset:.2em}
@media(prefers-reduced-motion:no-preference) {
  .footer-nav_link {transition:color .3s ease-out,translate .2s ease-out}
  .footer-nav_link:is(:hover,:focus-visible) {translate:0 -2px}
}
.footer_section a:is(:hover,:focus-visible) {color:var(--hark-white)}
.footer_bot {display:flex;flex-direction:column;gap:18px}
.footer-wordmark {container-type:inline-size;overflow:hidden;text-align:center;color:#757575}
.footer-wordmark span {
  display:inline-block;font-size:30cqw;line-height:1.1;letter-spacing:-.075em;
  transition:color .3s ease-out;
}
.footer-wordmark span:hover {color:#d4d4d4}
.copyright-text {white-space:nowrap;font-size:14px;line-height:1.4;color:var(--hark-white-50)}
.footer-legal_layout {overflow:hidden;padding-inline:28px;border-radius:5px;background:var(--hark-charcoal-light);color:var(--hark-white-50)}
.legal-top {padding:14px 0}
.legal-top_text {font-size:12px;line-height:1.4}
.legal_line {width:100%;height:1px;background:var(--hark-white-20)}
.legal-bot {display:flex;justify-content:space-between;align-items:center;gap:12px 24px;padding:14px 0;font-size:14px;line-height:18px}
.legal-links {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px clamp(14px,2vw,32px)}
@media(max-width:767px) {
  .footer_top {flex-direction:column;align-items:flex-start}
  .footer_top {gap:28px}
  .footer-top_left,.footer-top_right {width:100%}
  .footer-legal_layout {padding-inline:20px}
  .legal-bot {align-items:flex-start}
  .legal-links {flex-direction:column;align-items:flex-end;text-align:right}
}


.menu-bot_wrap {margin-top:28px}
.menu-footer_contain {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 var(--hark-margin) 16px;color:var(--hark-cobalt);font-size:14px}
.menu-footer_links {display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.menu-footer_contain .footer-nav_link:is(:hover,:focus-visible) {color:var(--hark-inkwell)}
.menu_bottom {display:grid;grid-template-columns:1fr;padding:var(--hark-margin);border-top:1px solid var(--hark-charcoal-20)}
.menu-action {
  display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:92px;
  padding:16px;border-radius:3px;background:var(--hark-gray);color:var(--hark-inkwell);transition:background-color .25s ease-out;
}
a.menu-action:is(:hover,:focus-visible) {background:var(--hark-inkwell);color:var(--hark-white)}
.info-page {width:min(calc(100% - 32px),760px);margin:0 auto;padding:72px 0 96px}
.info-title {font:400 clamp(32px,3.125vw,48px)/1.15 Aeonikpro,Arial,sans-serif;letter-spacing:-.03em}
.info-copy {margin-top:16px;color:var(--hark-cobalt)}
.info-back {display:inline-block;margin-top:32px;color:var(--hark-cobalt);font-size:14px}
.info-back:is(:hover,:focus-visible) {text-decoration:underline}
.connection-unavailable {cursor:default}
.connection-unavailable small {font-size:.78em}
.menu-action.connection-unavailable {align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:4px;color:#595959}
.footer-nav_link.connection-unavailable {flex-wrap:wrap;gap:4px 8px;text-decoration:none;translate:none}
@media(max-width:520px) {
  .menu-action {min-height:76px;padding:12px}
}

@font-face {
  font-family: "Suisseworks Webs";
  src: url("/assets/hark/suisseworks-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.trans_section {overflow:clip;background:var(--hark-gray);color:var(--hark-charcoal);font:400 16px/1.4 Aeonikpro,Arial,sans-serif}
.section-headline {font-size:clamp(36px,4.7vw,78px);font-weight:400;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.trans_contain {padding:0 clamp(16px,1.755vw,36px) clamp(28px,4vw,56px)}
.trans-intro_wrap {padding:clamp(36px,4.7vw,72px) 0 clamp(24px,2.8vw,40px)}
.products-swiper.swiper {overflow:visible}
.trans-card.swiper-slide {position:relative;aspect-ratio:2.8/3.75;height:auto}
.trans-item_layout {
  position:absolute;inset:0 0 auto;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;
  container-type:inline-size;width:100%;aspect-ratio:2.8/3;padding:clamp(18px,2.175vw,32px);
  border-radius:5px;text-align:left;background:var(--hark-white);cursor:pointer;transition:color .3s ease-out,background-color .3s ease-out;
}
.trans-item_title {max-width:100%;font:400 clamp(30px,4.16vw,68px)/1 "Suisseworks Webs",Georgia,serif;overflow-wrap:anywhere}
.trans-item_title {transition:translate .36s cubic-bezier(.25,.8,.25,1)}
.trans-item_title.is-long {font-size:min(12cqw,clamp(26px,4.16vw,68px))}
.trans-item_subtitle {transition:opacity .3s ease-out}
.trans-toggle {display:none;position:absolute;right:clamp(18px,2.175vw,32px);bottom:clamp(18px,2.175vw,32px);width:20px;height:20px}
.trans-item_overlay {position:absolute;inset:0;border-radius:5px;overflow:hidden;opacity:0;transition:opacity .3s ease-out;pointer-events:none;background:var(--hark-inkwell)}
.trans-item_overlay img {width:100%;height:100%;object-fit:cover;filter:brightness(.78);scale:1.06;transition:scale .58s cubic-bezier(.25,.8,.25,1)}
.trans-item_info_contain {
  position:absolute;inset:auto 0 0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:43%;
  padding:clamp(18px,2.175vw,32px);border-radius:0 0 5px 5px;background:var(--hark-charcoal-20);backdrop-filter:blur(50px);color:var(--hark-white);
  visibility:hidden;opacity:0;translate:0 12px;transition:opacity .3s ease-out,visibility .3s ease-out,translate .42s cubic-bezier(.25,.8,.25,1);
}
.trans-item_text_layout {display:grid;gap:10px}
.trans-item_text_layout p:first-child {font-size:18px}
.trans-item_status {font-size:14px;opacity:.8}
.trans-item_text_layout p:last-child {font-size:14px;line-height:1.4}
.trans-item_link {display:flex;align-items:center;justify-content:space-between;gap:14px;align-self:flex-start;min-width:50%;min-height:40px;padding:8px 12px;border-radius:3px;background:var(--hark-white);color:var(--hark-inkwell)}
.trans-item_link:is(:hover,:focus-visible) {background:var(--hark-inkwell);color:var(--hark-white)}
.trans-card.show-info .trans-item_overlay,.trans-card.show-info .trans-item_info_contain {visibility:visible;opacity:1}
.trans-card.show-info .trans-item_layout {background:transparent;color:var(--hark-white)}
.trans-card.show-info .trans-item_title {translate:0 -4px}
.trans-card.show-info .trans-item_overlay img {scale:1}
.trans-card.show-info .trans-item_info_contain {translate:0}
.trans-card.show-info .trans-item_subtitle,.trans-card.show-info .trans-toggle {opacity:0}

.cta_section {position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:110svh;overflow:clip;background:var(--hark-cerulean)}
#partenaires {min-height:0}
#partenaires .cta_contain {height:auto;min-height:clamp(390px,54svh,600px);padding-block:clamp(32px,5vw,72px)}
.cta-img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta_contain {position:relative;display:flex;align-items:center;height:100svh;padding:0 clamp(16px,1.755vw,36px)}
.cta_layout {
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;width:100%;min-height:60%;
  padding:clamp(20px,2.02vw,36px);border:1px solid var(--hark-white-20);border-radius:5px;
  background:var(--hark-cobalt-glass);backdrop-filter:blur(10px);color:var(--hark-white);font:400 18px/1.4 Aeonikpro,Arial,sans-serif;
}
.cta_title {grid-column:1/span 8;margin:0;font:400 clamp(36px,calc(33.23px + .8654vw),54px)/1.09 Aeonikpro,Arial,sans-serif;letter-spacing:-.025em}
.cta_right {grid-column:9/span 4;display:flex;flex-direction:column;justify-content:flex-end;gap:24px}
.cta-btn_wrap {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:120px;padding:16px;border-radius:3px;background:var(--hark-gray);color:var(--hark-inkwell);font-size:16px;transition:background .3s ease-out,color .3s ease-out}
.cta-btn_wrap:is(:hover,:focus-visible) {background:var(--hark-inkwell);color:var(--hark-white)}
@media(max-width:991px),(pointer:coarse) {
  .trans-toggle {display:block}
  .trans-item_layout {height:100%;aspect-ratio:auto}
}
@media(max-width:767px) {
  .trans-item_title {font-size:clamp(26px,8vw,48px)}
  .cta_section {min-height:100svh}
  .cta_layout {display:flex;flex-direction:column;justify-content:space-between;gap:36px;min-height:65%}
  .cta-btn_wrap {height:92px}
}
@media(prefers-reduced-motion:reduce) {
  .trans_section *,.cta_section * {transition:none!important}
}

/* Hark's home news section, dark index, and article layouts. */
.news_section,.insights-page,.post-page {--news-gutter:clamp(16px,1.755vw,36px)}
.news_contain,.in_layout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:var(--news-gutter)}
.news_contain {gap:24px;padding-block:clamp(36px,4.7vw,72px)}
.news-left {display:flex;flex-direction:column;gap:24px}
.news-label {display:flex;align-items:center;gap:18px;font-size:16px;font-weight:400}
.news-label::before,.news-filter_item::before {content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--hark-cerulean)}
.news-sticky_wrapper {display:flex;flex:1;flex-direction:column;justify-content:flex-end}
.news-action {
  display:flex;justify-content:space-between;align-items:flex-end;gap:12px;width:70%;height:clamp(76px,7.2vw,120px);
  padding:16px;border:1px solid var(--hark-gray-2);border-radius:3px;
  background:var(--hark-cerulean);color:var(--hark-white);font-size:16px;transition:background-color .3s ease-out;
}
.news-action:is(:hover,:focus-visible) {background:var(--hark-inkwell)}
.news-sticky_wrapper .news-action {position:sticky;bottom:30px}
.news-list {list-style:none;padding:0}
.news-item {position:relative;overflow:clip;border-radius:5px}
.news-item_layout {display:flex;flex-direction:column;gap:clamp(18px,2.2vw,32px);padding:clamp(20px,2.175vw,32px);transition:background-color .3s ease-out}
.news-item_layout:is(:hover,:focus-visible) {background:var(--hark-white)}
.news-item_top {display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.news-item_tag {display:inline-block;padding:4px 16px;border-radius:3px;background:#d4d4d480;font-size:12px;line-height:1.15;transition:color .3s ease-out,background-color .3s ease-out}
.news-item_layout:is(:hover,:focus-visible) .news-item_tag {background:var(--hark-cobalt);color:var(--hark-white)}
.news-item_title {font-size:18px;font-weight:400;line-height:1.3}
.news-item_body {display:-webkit-box;width:85%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:.62;font-size:16px}
.news-item_bot {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.news-item_line {height:1px;margin-inline:2.5%;background:var(--hark-pewter);opacity:.7;transition:opacity .3s ease-out}
.news-item:is(:hover,:focus-within) .news-item_line,.news-item:has(+.news-item:is(:hover,:focus-within)) .news-item_line {opacity:0}

.insights-page {position:relative;padding-top:50svh}
.insights-cover {position:absolute;inset:0 0 auto;height:100svh;background:var(--hark-cerulean)}
.news-artwork img {width:100%;height:100%;object-fit:cover}
.in-section {position:relative;background:#0e0e0e;color:var(--hark-white);transform-origin:top center}
.in-top_layout {display:flex;flex-direction:column;gap:clamp(62px,10.15vw,208px);padding:clamp(38px,4.1vw,64px) var(--news-gutter) 30px;border-bottom:1px solid var(--hark-pewter)}
.in-top_layout h1 {font-size:clamp(40px,4.7vw,84px);font-weight:400;line-height:1;letter-spacing:-.035em}
.in-top_layout p {align-self:flex-end;width:50%;padding-left:clamp(16px,2.175vw,32px);padding-right:8%;font-size:clamp(18px,1.6vw,24px);line-height:1.25}
.in_layout {padding-bottom:80px}
.news-filter_wrap {position:sticky;top:80px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:35px 0}
.news-filter_item {display:flex;align-items:center;gap:18px;cursor:pointer;color:var(--hark-pewter);font-size:18px;text-align:left}
.news-filter_item::before {opacity:0;transition:opacity .3s ease-out}
.news-filter_item:is(:hover,:focus-visible,[aria-pressed="true"]) {color:var(--hark-white)}
.news-filter_item[aria-pressed="true"]::before {opacity:1}
.in-section .news-item_tag {background:var(--hark-charcoal-light)}
.in-section .news-item_layout:is(:hover,:focus-visible) {background:#000}
.in-section .news-item_layout:is(:hover,:focus-visible) .news-item_tag {background:var(--hark-cobalt)}

.post-hero_section {height:45svh;background:var(--hark-cerulean)}
.content-section {background:var(--hark-gray)}
.content_layout {padding:clamp(32px,3.75vw,64px) var(--news-gutter) 64px}
.content-top {width:50%;margin-bottom:clamp(48px,6.73vw,110px)}
.content-title {font-size:clamp(32px,3.46vw,60px);font-weight:400;line-height:1.02;letter-spacing:-.035em}
.content-tags {display:flex;align-items:center;gap:12px;margin-top:16px}
.content-tags time {color:var(--hark-cobalt);font-size:12px}
.content_wrap {display:grid;grid-template-columns:55% 45%;align-items:stretch}
.content-nav {display:flex;flex-direction:column;justify-content:flex-end}
.content-btn {position:sticky;bottom:30px;width:calc(100% * 20 / 33);background:var(--hark-cobalt)}
.content-btn:is(:hover,:focus-visible) {background:var(--hark-cerulean)}
.content-rich {position:relative;padding:0 clamp(18px,2.45vw,38px);color:#595959}
.content-intro {font-style:italic}
.content-rich section {margin-top:20px}
.content-rich h2 {margin-bottom:14px;color:var(--hark-charcoal);font-size:18px;font-weight:400}
.content-rich p {line-height:1.45}
.content-rich figure {margin-top:28px}
.article-image {width:100%;height:auto}
.content-progress {position:absolute;inset:0 auto 0 0;width:1px;overflow:hidden;background:var(--hark-gray-2)}
.content-progress_line_2 {position:absolute;top:var(--reading-cursor,0px);height:136px;width:100%;translate:0 -50%;background:linear-gradient(var(--hark-pewter),var(--hark-laguna) 50%,transparent)}
@media(max-width:767px) {
  .news_contain,.in_layout,.content_wrap {grid-template-columns:1fr}
  .news-left {display:contents}
  .news-label {margin-bottom:24px}
  .news-sticky_wrapper {order:2}
  .news-action {width:100%}
  .in-top_layout p {width:100%;padding:0}
  .news-filter_wrap {position:static;flex-direction:row;flex-wrap:wrap;gap:8px 16px;padding:20px 0}
  .news-filter_item {gap:6px;font-size:14px}
  .content-top {width:100%}
  .content-nav {order:2;padding-top:30px}
  .content-btn {position:static}
  .content-rich {padding-right:0}
}
@media(prefers-reduced-motion:reduce) {
  .news_section *,.in-section * {transition:none!important}
}

/* Hark's page wipe, with an entry curtain for the first visit. */
@view-transition {
  navigation:auto;
}

@keyframes page-move-out {
  from {opacity:1}
  to {opacity:.4}
}

@keyframes page-move-in {
  from {clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}
  to {clip-path:polygon(0% 100%,100% 100%,100% 0%,0% 0%)}
}

@keyframes page-curtain-out {
  from {clip-path:inset(0 0 0 0)}
  to {clip-path:inset(100% 0 0 0);visibility:hidden}
}

@media(prefers-reduced-motion:no-preference) {
  ::view-transition-old(root) {animation:1.5s cubic-bezier(.87,0,.13,1) both page-move-out}
  ::view-transition-new(root) {animation:1.5s cubic-bezier(.87,0,.13,1) both page-move-in}
  html:not(.has-native-page-transition)::after {
    content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;
    background:var(--hark-inkwell);animation:1.5s cubic-bezier(.87,0,.13,1) both page-curtain-out;
  }
}

@media(prefers-reduced-motion:reduce) {
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root) {animation:none}
}

/* The Solutions page follows Hark's navy intro, numbered charcoal rows, and white statement. */
body:has(.solutions-page) .hark-site-header {height:0}
body:has(.solutions-page) .hark-site-header.is-over-artwork .micro_wrap {background:var(--hark-menu-neutral)}
.solutions-page {--solutions-gutter:clamp(16px,1.755vw,36px)}
.solutions-stage {color:var(--hark-white);background:var(--hark-charcoal)}
.sol-hero_section {position:relative;background:#10243a}
.sol-hero_wrap {position:sticky;top:0;min-height:100svh;overflow:clip}
.sol-panels {position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:none}
.sol-panels span {background:var(--hark-charcoal);transform:scaleY(0);transform-origin:bottom}
.sol-hero_layout {position:relative;display:flex;align-items:flex-end;min-height:100svh;padding:0 var(--solutions-gutter) clamp(48px,5.7vw,96px)}
.sol-hero_title {
  position:absolute;top:44%;left:var(--solutions-gutter);right:var(--solutions-gutter);transform:translateY(-50%);transform-origin:left center;
  font-size:clamp(60px,9.6vw,170px);font-weight:400;line-height:.95;letter-spacing:-.045em;
}
.sol-intro_wrap {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;width:100%;align-items:start}
.sol-intro_wrap .news-label {grid-column:1/span 4}
.sol-intro_wrap .news-label::before {background:var(--hark-laguna)}
.sol-intro_wrap p {grid-column:6/span 4;font-size:clamp(18px,1.65vw,25px);line-height:1.25}
.solutions-section_title {padding:clamp(64px,9vw,144px) var(--solutions-gutter) 0;font-size:clamp(36px,4.7vw,78px);font-weight:400;line-height:1;letter-spacing:-.035em}
.solutions-content_layout {margin:0;padding:clamp(48px,6vw,96px) var(--solutions-gutter);list-style:none}
.solutions-item-content_layout {
  position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;
  padding:clamp(24px,2.2vw,38px) 0 clamp(42px,4.25vw,68px);align-items:start;
}
.solutions-item_line {position:absolute;inset:0 0 auto;height:1px;overflow:hidden;background:var(--hark-white-20)}
.solutions-line_highlight {display:block;width:30%;height:100%;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--hark-laguna),transparent)}
.solutions-item_title {grid-column:1/span 3;font-size:clamp(24px,2.2vw,38px);font-weight:400;line-height:1.12}
.solutions-item_body {grid-column:6/span 3;display:grid;gap:20px;font-size:16px;line-height:1.4}
.sol-no {grid-column:10/span 3;text-align:right;font:400 clamp(104px,19vw,310px)/.83 "Suisseworks Webs",Georgia,serif;letter-spacing:-.045em}
.cleanse_section {display:grid;place-items:center;min-height:100svh;padding:56px var(--solutions-gutter);background:var(--hark-white);text-align:center}
.cleanse_section p {max-width:1000px;font-size:clamp(32px,3.46vw,60px);line-height:1.09;letter-spacing:-.03em;text-wrap:balance}
.solutions-news_intro {max-width:410px;font-size:clamp(18px,1.65vw,24px);line-height:1.25}
@media(min-width:992px) and (prefers-reduced-motion:no-preference) {
  .sol-hero_section {min-height:165svh}
}
@media(max-width:767px) {
  .sol-hero_title {font-size:clamp(50px,11vw,76px)}
  .sol-intro_wrap,.solutions-item-content_layout {grid-template-columns:1fr}
  .sol-intro_wrap .news-label,.sol-intro_wrap p,.solutions-item_title,.solutions-item_body,.sol-no {grid-column:1}
  .solutions-item-content_layout {gap:24px}
  .sol-no {grid-row:1;text-align:left;font-size:88px}
  .cleanse_section {min-height:72svh}
  .solutions-news_intro {padding-left:0;margin-bottom:22px}
  .micro_wrap.is-at-home-top {height:146px}
}

.comparison-section {padding:clamp(64px,9vw,144px) var(--solutions-gutter);background:var(--hark-gray);color:var(--hark-charcoal)}
.comparison-section h2 {margin-bottom:clamp(28px,4vw,56px);font-size:clamp(36px,4.7vw,78px);font-weight:400;line-height:1;letter-spacing:-.035em}
.comparison-scroll {overflow-x:auto;border-radius:5px;background:var(--hark-white)}
.comparison-scroll table {width:100%;min-width:620px;border-collapse:collapse;font-size:clamp(16px,1.4vw,21px)}
.comparison-scroll :is(th,td) {padding:clamp(16px,2vw,30px);border-bottom:1px solid var(--hark-gray);text-align:center;font-weight:400}
.comparison-scroll th:first-child {width:48%;text-align:left}
.comparison-scroll th[scope="col"] {white-space:nowrap}
.comparison-scroll td.comparison-exclusive {background:#e9eff4;color:var(--hark-inkwell)}
.pricing-section .comparison-scroll :is(th,td) {padding-block:clamp(12px,1.3vw,22px)}
.comparison-scroll tr > :is(th,td) + :is(th,td) {border-inline-start:1px solid var(--hark-gray-2)}
.pricing-plan {display:inline-grid}
.pricing-plan-name {grid-area:1/1;justify-self:center}
.pricing-plan-brand {visibility:hidden}
@media(prefers-reduced-motion:no-preference) {
  .pricing-plan-name {
    mask-image:linear-gradient(90deg,#000 46%,transparent 54%);
    mask-size:230% 100%;mask-repeat:no-repeat;
    animation:pricing-name-reveal 4s linear infinite;
  }
  .pricing-plan-brand {visibility:visible;animation-delay:-2s}
  .pricing-plan-brand .ledgera-plus {animation:ledgera-plus-shimmer 4s ease-in-out infinite}
  @keyframes pricing-name-reveal {
    0%, 34%, 100% {mask-position:0% center}
    42%, 92% {mask-position:100% center}
  }
}
.pricing-amount {display:block;margin-top:4px;color:var(--hark-cobalt);font-size:.8em}
.comparison-mark {display:inline-block;width:24px;height:24px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.comparison-scroll tbody tr:last-child>* {border-bottom:0}

/* Recent Transactions layout for the Comptabilité overview. */
.accounting-opening {position:relative;padding-top:50svh}
.rec-hero_section {position:absolute;inset:0 0 auto;height:100svh;background:var(--hark-cerulean)}
.rec-section {position:relative;background:var(--hark-gray);color:var(--hark-charcoal);transform-origin:top center}
.rec_contain {padding:clamp(32px,3.125vw,56px) var(--solutions-gutter) clamp(72px,10.5vw,160px)}
.rec-top_layout {display:flex;flex-direction:column;gap:clamp(48px,7.15vw,130px);margin-bottom:clamp(60px,9.8vw,144px)}
.rec-top_layout h1 {font-size:clamp(40px,4.7vw,84px);font-weight:400;line-height:1;letter-spacing:-.035em}
.rec-top_layout p {align-self:flex-end;width:50%;padding-right:7%;font-size:clamp(18px,1.6vw,24px);line-height:1.25}
.cta-btn_wrap.nav-demo {
  justify-content:center;align-items:center;width:auto;height:56px;padding:8px 16px;
  white-space:nowrap;line-height:1.1;cursor:default;pointer-events:auto;
}
@media(max-width:991px) {
  .cta-btn_wrap.nav-demo {height:46px;padding-inline:10px;font-size:14px}
}
@media(max-width:380px) {
  .hark-nav-inner:has(.nav-demo) .hark-brand {font-size:17px}
  .hark-nav-inner:has(.nav-demo) .hark-brand img {width:20px;height:20px}
  .hark-nav-inner:has(.nav-demo) .micro_wrap {padding-inline:8px}
  .cta-btn_wrap.nav-demo {padding-inline:7px;font-size:12px}
}
.rec-grid_layout {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;list-style:none}
.rec-item_layout {
  position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;container-type:inline-size;
  aspect-ratio:1/1.2;padding:clamp(18px,2.175vw,32px);overflow:clip;border-radius:5px;background:var(--hark-white);
}
.rec-item_title {font:400 min(13cqw,clamp(26px,4.16vw,68px))/1 "Suisseworks Webs",Georgia,serif;overflow-wrap:anywhere}
.rec-item_button {position:absolute;inset:0;z-index:1;cursor:pointer}
.rec-item_button:focus-visible {outline-offset:-4px}
.rec-item_content {display:grid;gap:0;font-size:18px}
.rec-item_body {display:grid;grid-template-rows:0fr;opacity:0;translate:0 12px;transition:grid-template-rows .3s ease-out,opacity .3s ease-out,translate .3s ease-out}
.rec-item_body>div {min-height:0;overflow:hidden}
.rec-item_body p {padding-top:14px;font-size:16px;line-height:1.4}
.rec-item_button[aria-expanded="true"] + .rec-item_content .rec-item_body {grid-template-rows:1fr;opacity:1;translate:0}
.rec-trans_icon {position:absolute;inset:auto 20px 20px auto;width:18px;height:18px;transition:opacity .3s ease-out}
.rec-item_button[aria-expanded="true"] ~ .rec-trans_icon {opacity:0}
@media(hover:hover) and (pointer:fine) {
  .rec-trans_icon {display:none}
}
@media(max-width:767px) {
  .rec-top_layout p {width:100%;padding-right:0}
  .rec-grid_layout {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px) {
  .rec-grid_layout {grid-template-columns:1fr}
  .rec-item_layout {aspect-ratio:1/1.05}
}
@media(prefers-reduced-motion:reduce) {
  .rec-item_layout * {transition:none!important}
}

.hark-brand {transition:opacity .2s ease-out,visibility .2s}
.hark-site-header.is-scrolled .hark-brand {opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce) {
  .hark-brand {transition:none}
}

.legal-page .content_layout {padding-bottom:clamp(80px,10vw,152px)}
.legal-page .content_wrap {grid-template-columns:34% 66%}
.legal-page .content-rich:only-child {grid-column:-2/-1}
.legal-page .content-rich {max-width:88ch;overflow-wrap:anywhere}
.legal-page .content-rich :is(p,ul,hr) + :is(p,ul,hr) {margin-top:1em}
.legal-page .content-rich h2 {margin:1.6em 0 .55em;font-size:clamp(22px,2vw,30px);line-height:1.15}
.legal-page .content-rich h2:first-of-type {margin-top:0}
.legal-page .content-rich h3 {margin:1.35em 0 .5em;font-size:19px;font-weight:400;color:var(--hark-charcoal)}
.legal-page .content-rich ul {padding-inline-start:1.35em}
.legal-page .content-rich li + li {margin-top:.3em}
.legal-page .content-rich a {color:var(--hark-cerulean);text-decoration:underline;text-underline-offset:.15em}
.legal-page .content-rich hr {border:0;border-top:1px solid var(--hark-gray-2)}
@media(max-width:767px) {
  .legal-page .content_wrap {grid-template-columns:1fr}
}
.social-unavailable {flex-wrap:wrap;gap:4px 8px;cursor:default}
.social-unavailable small {font-size:.78em}
.social-unavailable:is(:hover,:focus-visible) {text-decoration:none;translate:none}

.contact-page {background:var(--hark-gray);color:var(--hark-charcoal)}
.contact-layout {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);
  padding:clamp(72px,10vw,150px) clamp(16px,1.755vw,36px) clamp(72px,9vw,144px);
}
.contact-intro .news-label {margin-bottom:clamp(28px,4vw,64px)}
.contact-intro h1 {font:400 clamp(52px,7.2vw,125px)/.96 Aeonikpro,Arial,sans-serif;letter-spacing:-.045em;text-wrap:balance}
.contact-intro p {max-width:28ch;margin-top:clamp(24px,3vw,48px);font-size:clamp(19px,2vw,30px);line-height:1.25}
.contact-details {display:grid;gap:10px}
.contact-art {aspect-ratio:2/1;overflow:hidden;border-radius:5px;background:var(--hark-cerulean)}
.contact-art img {width:100%;height:100%;object-fit:cover}
.contact-card {padding:clamp(24px,3.2vw,48px);border-radius:5px;background:var(--hark-white)}
.contact-card h2 {font:400 clamp(29px,3vw,48px)/1 "Suisseworks Webs",Georgia,serif}
.contact-channels {margin:20px 0 0;color:var(--hark-inkwell)}
.contact-channels div {display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;padding:12px 0;border-top:1px solid var(--hark-gray-2)}
.contact-channels dd {margin:0;overflow-wrap:anywhere}
.contact-channels small {display:block;color:var(--hark-cobalt)}
.contact-channels a {text-decoration:underline;text-underline-offset:.2em}
@media(max-width:767px) {
  .contact-layout {grid-template-columns:1fr;padding-top:56px}
}

.ledgera-plus {white-space:nowrap}
@supports (background-clip:text) {
  .ledgera-plus {
    --plus-shine:var(--hark-cobalt);
    --plus-glow:color-mix(in srgb,var(--hark-cobalt) 35%,transparent);
    background:linear-gradient(105deg,currentColor 20%,var(--plus-shine) 48%,currentColor 76%) 100% center/220% 100%;
    background-clip:text;-webkit-text-fill-color:transparent;
  }
  :is(.solutions-stage,.trans-card.show-info,.hark-site-header.is-over-artwork .micro-bot) .ledgera-plus {
    --plus-shine:var(--hark-laguna);
    --plus-glow:color-mix(in srgb,var(--hark-laguna) 45%,transparent);
  }
  .ledgera-plus {filter:drop-shadow(0 0 .10em var(--plus-glow))}
  @media(prefers-reduced-motion:no-preference) {
    .ledgera-plus.is-visible {animation:ledgera-plus-shimmer 4s ease-in-out infinite}
    @keyframes ledgera-plus-shimmer {
      0%, 100% {background-position:100% center}
      40% {background-position:0% center}
      52% {filter:drop-shadow(0 0 .18em var(--plus-glow))}
    }
  }
  @media(forced-colors:active) {
    .ledgera-plus {-webkit-text-fill-color:currentColor;filter:none}
  }
}
body:has(.not-found-page) .hark-site-header {height:0}
.not-found-page {position:relative;isolation:isolate;overflow:hidden;background:#000;color:var(--hark-white)}
#not-found-galaxy {position:absolute;inset:0}
.not-found-layout {
  position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:end;
  min-height:100svh;padding:100px clamp(16px,1.755vw,36px) 30px;
}
.not-found-layout h1 {
  grid-column:8/-1;grid-row:1;text-align:right;
  font:400 clamp(115px,24vw,460px)/.8 Aeonikpro,Arial,sans-serif;letter-spacing:-.065em;
}
.not-found-copy {grid-column:1/span 4;grid-row:1;display:grid;gap:30px}
.not-found-copy p {font-size:clamp(18px,1.65vw,25px);line-height:1.25}
.not-found-copy .cta-btn_wrap {background:var(--hark-white)}
.not-found-copy .cta-btn_wrap:is(:hover,:focus-visible) {background:var(--hark-cobalt);color:var(--hark-white)}
@media(max-width:767px) {
  .not-found-layout {display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:clamp(52px,14vw,110px)}
  .not-found-layout h1 {font-size:clamp(110px,29vw,210px);text-align:left}
}

.team-section {background:var(--hark-gray);color:var(--hark-charcoal)}
.team-contain {
  display:grid;gap:clamp(32px,5vw,72px);
  padding:clamp(32px,4vw,64px) clamp(16px,1.755vw,36px) clamp(32px,4vw,64px);
}
.team-intro {display:grid;gap:clamp(16px,2vw,28px)}
.team-headline {width:50%}
.team-intro-copy {width:33.333%;font-size:16px}
.team-list {list-style:none;padding:0}
.team-member {
  display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;
  padding:24px 0;border-bottom:1px solid color-mix(in srgb,var(--hark-cobalt) 60%,transparent);text-align:left;cursor:pointer;
}
.team-member-name {font-size:clamp(24px,2.35vw,39px);line-height:1.1;letter-spacing:-.025em}
.team-member-meta {display:flex;align-items:center;gap:16px}
.team-member-name,.team-member-meta {color:var(--hark-pewter);transition:color .3s ease-out}
.team-member-meta svg {width:13px;height:13px;flex:none;opacity:0;color:var(--hark-cerulean);transition:opacity .3s ease-out}
.team-member:is(:hover,:focus-visible) .team-member-name {color:var(--hark-charcoal)}
.team-member:is(:hover,:focus-visible) .team-member-meta {color:var(--hark-cerulean)}
.team-member:is(:hover,:focus-visible) .team-member-meta svg {opacity:1}
.team-section {--team-portrait-width:min(26vw,42.78dvh)}
.team-portrait {background:var(--hark-gray-2)}
.team-portrait-preview {display:none}
@media(min-width:992px) {
  .team-portrait-preview {
    position:fixed;z-index:4;inset:50% auto auto 50%;translate:-50% -50%;display:block;
    width:var(--team-portrait-width);height:55dvh;border-radius:5px;pointer-events:none;
    visibility:hidden;opacity:0;transition:opacity .3s ease-out,visibility .3s;
  }
  .team-section:not(:has(.team-dialog[open])) .team-member:is(:hover,:focus-visible) .team-portrait-preview {
    opacity:1;visibility:visible;
  }
  .team-section:has(.team-dialog[open]) .team-portrait-preview {transition:none}
}
html:has(.team-dialog[open]) {overflow:hidden}
.team-dialog {
  inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;
  background:transparent;color:var(--hark-charcoal);
}
.team-dialog[open] {display:grid;place-items:center}
.team-dialog::backdrop {background:rgb(243 243 243 / calc(.88 * var(--team-backdrop-opacity,1)))}
.team-profile {display:flex;justify-content:center;width:min(65vw,1160px);height:55dvh}
.team-profile>.team-portrait {flex:0 0 var(--team-portrait-width);border-radius:5px 0 0 5px}
.team-profile-content {
  position:relative;flex:none;width:65%;overflow:auto;overflow-x:hidden;
  background:var(--hark-white);overscroll-behavior:contain;border-radius:0 5px 5px 0;
}
.team-profile-copy {width:min(42.25vw,754px);display:grid;gap:clamp(32px,4.7vw,76px);padding:clamp(28px,4.7vw,76px)}
.team-profile-copy h3 {margin-bottom:14px;font-size:clamp(24px,2.35vw,39px);line-height:1.1;font-weight:400}
.team-profile-copy p {color:#595959}
.team-bio p + p {margin-top:1em}
.team-close {position:absolute;top:0;right:0;display:grid;place-items:center;width:52px;height:52px;cursor:pointer}
.team-close svg {width:13px;height:13px;transform:rotate(45deg)}
.team-close:hover {color:var(--hark-cobalt)}
.team-close:focus-visible {outline-offset:-4px}
@media(max-width:991px) {
  .team-headline,.team-intro-copy {width:100%}
  .team-member-name {color:var(--hark-charcoal)}
  .team-member-meta {color:var(--hark-cerulean)}
  .team-member-meta svg {opacity:1}
  .team-profile {position:relative;display:block;width:calc(100% - 40px);height:auto}
  .team-profile>.team-portrait {position:absolute;z-index:1;top:54px;right:24px;width:20%;aspect-ratio:2.1/2.7;border-radius:5px}
  .team-profile-content {width:100%;min-height:260px;max-height:calc(100dvh - 40px);border-radius:5px}
  .team-profile-copy {width:100%}
  .team-profile-copy header {max-width:66%}
}