/* Activo congresbureaus versie 10 | 9 november 2026 */
/* @font-face {
  font-family:Poppins;
  src:url('Poppins-400.ttf') format('truetype');
  font-weight:400;
  font-display:swap;
}

@font-face {
  font-family:Poppins;
  src:url('Poppins-600.ttf') format('truetype');
  font-weight:600;
  font-display:swap;
}

@font-face {
  font-family:Poppins;
  src:url('Poppins-700.ttf') format('truetype');
  font-weight:700;
  font-display:swap;
}

@font-face {
  font-family:Poppins;
  src:url('Poppins-800.ttf') format('truetype');
  font-weight:800;
  font-display:swap;
} */

:root {
  --navy:#232248;
  --orange:#d93916;
  --blue:#8eb9e2;
  --pale:#f1f2f8;
  --ink:#514f67;
  --line:#dedde8;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:auto;
}

body {
  margin:0;
  font-family:Poppins,Arial,sans-serif;
  color:var(--navy);
  font-size:16px;
  line-height:1.75;
}

a {
  color:inherit;
}

img {
  display:block;
  max-width:100%;
  height:auto;
}

h1,
h2,
h3,
p,
figure {
  margin:0;
}

h1,
h2,
h3 {
  overflow-wrap:anywhere;
}

h1 {
  color: white;
  font-size:44px;
  /* line-height:1.18;
  font-weight:800;
  letter-spacing:-.8px;
  color: white; */
}

h2 {
  font-size:32px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:-.5px;
}

h3 {
  font-size:20px;
  line-height:1.4;
  font-weight:600;
}

p+p {
  margin-top:20px;
}

.wrap {
  width:min(1200px,calc(100% - 96px));
  margin-inline:auto;
}

.skip-link {
  position:fixed;
  left:12px;
  top:-100px;
  background:var(--orange);
  color:#fff;
  padding:12px;
  z-index:20;
}

.skip-link:focus {
  top:12px;
}

:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:5px;
}

.site-header {
  color:#fff;
  background:var(--navy);
}

.header-inner {
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
}

.brand {
  display:block;
  flex:0 0 176px;
}

.brand img {
  width:176px;
  height: auto;
}

.header-right {
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:flex-end;
}

.utility,
.nav-links {
  display:flex;
  align-items:center;
  gap:28px;
}

.utility {
  font-size:14px;
  color:#d6d6e0;
}

.utility a,
.nav-links a {
  text-decoration:none;
}

.nav-links {
  font-weight:600;
  font-size:14px;
}

.nav-links .current {
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:10px;
}

.nav-button {
  background:var(--orange);
  padding:9px 18px;
  border-radius:8px;
}

.mobile-menu {
  display:none;
}

.hero {
  background:var(--navy);
  color:#fff;
  padding-bottom: 0;
}

.hero-grid {
  display:grid;
  grid-template-columns:1.08fr 1fr;
  gap:54px;
  align-items:center;
  padding:40px 0 70px;
}

.hero-grid>* {
  min-width:0;
}

.hero-copy .eyebrow {
  font-size:14px;
  line-height:1.6;
  color:#bed8ef;
  margin-bottom:18px;
  font-weight:600;
}

.hero-copy h1 {
  margin-bottom:24px;
}

.hero-copy .lead {
  color:#efeff7;
  font-size:16px;
  line-height:1.85;
  max-width:580px;
}

.hero-image img {
  width:100%;
  height:auto;
  aspect-ratio:1232/786;
  object-fit:contain;
  border-radius:12px;
  border:1px solid #ffffff24;
  box-shadow:0 16px 40px #0d0c231f;
}

.actions {
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:30px;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:var(--orange);
  color:#fff;
  font-family:inherit;
  font-size:16px;
  font-weight:600;
  line-height:1.5;
  padding:15px 24px;
  border:1px solid transparent;
  border-radius:28px;
  text-decoration:none;
  cursor:pointer;
}

.button:hover,
.nav-button:hover {
  background:#bc2f11;
}

.phone {
  text-decoration-thickness:1px;
  text-underline-offset:5px;
  white-space:nowrap;
}

.abstract-section,
.registration-section,
.collaboration-section {
  padding:76px 0;
}

.split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:center;
}

.split>* {
  min-width:0;
}

.section-copy h2 {
  margin-bottom:22px;
}

.section-copy p {
  color:var(--ink);
}

.check-list {
  list-style:none;
  padding:0;
  margin:24px 0 0;
}

.check-list li {
  position:relative;
  padding:13px 0 13px 26px;
  border-top:1px solid var(--line);
  line-height:1.65;
}

.check-list li:before {
  content:'✓';
  position:absolute;
  left:0;
  color:var(--orange);
  font-weight:600;
}

.text-link {
  display:inline-block;
  margin-top:22px;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
  font-weight:600;
}

.abstract-section .section-copy {
  grid-column:2;
  grid-row:1;
}

#nvge-ddd {
  grid-column:1;
  grid-row:1;
}

.product-visual {
  background:var(--pale);
  padding:26px 30px 10px;
  border-radius:12px 12px 0 0;
}

.product-visual img {
  width:100%;
  height:auto;
}

.case-proof {
  background:var(--pale);
  padding:18px 30px 28px;
  border-radius:0 0 12px 12px;
}

.case-proof h3 {
  margin-bottom:14px;
}

.case-proof p {
  color:var(--ink);
}

.registration-section {
  background:var(--pale);
}

.onsite-visual {
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}

.onsite-visual img {
  width:100%;
  height:auto;
  aspect-ratio:2/1;
  object-fit:contain;
}

.onsite-visual figcaption {
  font-size:14px;
  color:var(--ink);
  padding:14px 20px;
}

.collaboration-heading {
  max-width:900px;
}

.collaboration-heading h2 {
  margin-bottom:20px;
}

.collaboration-heading p {
  color:var(--ink);
  max-width:820px;
}

.steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  margin-top:34px;
}

.step {
  border-top:3px solid var(--blue);
  padding-top:22px;
}

.step h3 {
  margin-bottom:12px;
}

.step p {
  color:var(--ink);
}

.collaboration-note {
  color:var(--ink);
  padding-top:26px;
  border-top:1px solid var(--line);
  margin-top:30px;
  max-width:1000px;
}

.contact-section {
  background:var(--navy);
  color:#fff;
  padding:70px 0;
}

.contact-grid {
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:70px;
  align-items:start;
}

.contact-grid>* {
  min-width:0;
}

.contact-intro h2 {
  margin-bottom:22px;
  color: white;
}

.contact-intro>p {
  color:#dfdfeb;
}

.team-contact {
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:32px;
}

.team-contact img {
  width:88px;
  height:88px;
  flex-shrink:0;
  object-fit:contain;
  border-radius:50%;
  border:1px solid #c1d6e8;
}

.team-contact strong,
.team-contact span {
  display:block;
  font-size:16px;
}

.team-contact strong {
  font-weight:600;
}

.team-contact span {
  color:#d3d2e3;
}

.contact-channels {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:6px;
  margin-top:22px;
}

.contact-channels a {
  text-underline-offset:4px;
}

.contact-card {
  background:#fff;
  color:var(--navy);
  padding:32px;
  border-radius:12px;
}

.contact-card h3 {
  margin-bottom:12px;
}

.contact-card>p {
  color:var(--ink);
}

.contact-form {
  margin-top:22px;
}

.form-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  align-items:end;
}

.form-grid>label {
  min-width:0;
}

.contact-form label {
  display:block;
  font-size:14px;
  font-weight:600;
}

.contact-form input,
.contact-form textarea {
  font:inherit;
  font-size:16px;
  font-weight:400;
  display:block;
  width:100%;
  border:1px solid #8b889b;
  border-radius:6px;
  background:#fff;
  color:var(--navy);
  padding:11px 12px;
  margin-top:6px;
  line-height:1.5;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline:3px solid #6c6785;
  outline-offset:2px;
}

.contact-form textarea {
  resize:vertical;
  min-height:130px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color:#706c7d;
  opacity:1;
}

.required-note {
  font-size:14px;
  color:var(--ink);
  margin-bottom:16px;
}

.optional {
  font-weight:400;
}

.message-label {
  margin-top:20px;
}

.contact-form .privacy-check {
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  margin:20px 0;
}

.privacy-check input {
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin-top:3px;
  accent-color:var(--orange);
}

.privacy-check a {
  text-underline-offset:3px;
}

.contact-form .preview-note {
  font-size:14px;
  line-height:1.6;
  color:var(--ink);
  margin-top:16px;
}

.contact-form .form-status {
  font-size:14px;
  background:var(--pale);
  color:var(--navy);
  border-radius:6px;
  padding:14px;
  margin-top:16px;
}

.contact-after {
  font-size:14px;
  color:var(--ink);
  border-top:1px solid var(--line);
  padding-top:20px;
  margin-top:22px!important;
}

.site-footer {
  background:#f7f7fb;
  padding:44px 0 22px;
}

.footer-grid {
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr 1fr;
  gap:32px;
  font-size:14px;
  color:var(--ink);
}

.footer-logo {
  width:150px;
  margin-bottom:22px;
}

.footer-grid a {
  display:block;
  margin-bottom:7px;
  text-decoration:none;
}

.footer-grid a:hover {
  text-decoration:underline;
}

.footer-grid strong {
  display:block;
  margin-bottom:16px;
  color:var(--navy);
  font-weight:600;
}

.copyright {
  border-top:1px solid var(--line);
  margin-top:30px;
  padding-top:18px;
  font-size:14px;
  color:var(--ink);
}

#contact,
#abstracts,
#registratie,
#registration {
  scroll-margin-top:24px;
}

.reveal-pending {
  opacity:0;
  transform:translateY(14px);
  transition:opacity 550ms ease-out,transform 550ms ease-out;
  transition-delay:var(--reveal-delay,0ms);
}

.reveal-pending.is-visible {
  opacity:1;
  transform:none;
}

@media(max-width:1120px) {
  .wrap {
    width:calc(100% - 64px);
  }

  .hero-grid,
  .split {
    gap:40px;
  }

  .contact-grid {
    gap:40px;
  }

  .nav-links,
  .utility {
    gap:18px;
  }

  .brand,
  .brand img {
    width:150px;
    flex-basis:150px;
    object-fit: contain;
  }

  h1 {
    font-size:40px;
  }
}

@media(max-width:820px) {
  .wrap {
    width:calc(100% - 44px);
  }

  .header-inner {
    min-height:92px;
  }

  .header-right {
    display:none;
  }

  .mobile-menu {
    display:block;
    position:relative;
  }

  .mobile-menu summary {
    white-space:nowrap;
    list-style:none;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    border:1px solid #79778e;
    border-radius:8px;
    padding:8px 13px;
  }

  .mobile-menu summary::-webkit-details-marker {
    display:none;
  }

  .mobile-menu nav {
    position:absolute;
    right:0;
    top:48px;
    width:250px;
    background:var(--navy);
    padding:18px;
    border:1px solid #5f5d79;
    border-radius:8px;
    z-index:5;
    box-shadow:0 12px 32px #0005;
  }

  .mobile-menu nav a {
    display:block;
    text-decoration:none;
    padding:9px;
    color:#fff;
  }

  .hero-grid {
    grid-template-columns:1fr;
    padding:28px 0 48px;
    gap:34px;
  }

  .hero-copy {
    max-width:640px;
  }

  .hero-copy .lead {
    max-width:none;
  }

  .hero-image {
    max-width:640px;
  }

  .hero-image img {
    aspect-ratio:1232/786;
  }

  .split {
    grid-template-columns:1fr;
    gap:36px;
  }

  .abstract-section .section-copy,
  #nvge-ddd {
    grid-row:auto;
    grid-column:auto;
  }

  .abstract-section,
  .registration-section,
  .collaboration-section {
    padding:52px 0;
  }

  .product-visual,
  .case-proof,
  .onsite-visual {
    max-width:640px;
  }

  .steps {
    grid-template-columns:1fr;
    gap:28px;
  }

  .step {
    max-width:640px;
  }

  .contact-section {
    padding:52px 0;
  }

  .contact-grid {
    grid-template-columns:1fr;
    gap:32px;
  }

  .contact-intro {
    max-width:640px;
  }

  .team-contact {
    margin-top:26px;
  }

  .contact-channels {
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px 24px;
  }

  .contact-card {
    max-width:720px;
    width:100%;
  }

  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:30px;
  }

  .reveal-pending {
    transition-delay:0ms;
  }
}

@media(max-width:460px) {
  .header-inner {
    gap:16px;
  }

  h1 {
    font-size:clamp(28px,8vw,32px);
    /* letter-spacing:-.5px; */
  }

  h2 {
    font-size:28px;
  }

  h3 {
    font-size:20px;
  }

  .hero-copy h1 {
    margin-bottom:20px;
  }

  .hero-copy .lead {
    line-height:1.75;
  }

  .hero-copy .eyebrow {
    font-weight:400;
  }

  .actions {
    gap:20px;
    margin-top:26px;
  }

  .button {
    padding:14px 22px;
  }

  .hero-grid {
    gap:30px;
  }

  .product-visual {
    padding:20px 22px 8px;
  }

  .case-proof {
    padding:16px 22px 24px;
  }

  .onsite-visual figcaption {
    padding:14px 18px;
  }

  .contact-card {
    padding:24px 20px;
  }

  .form-grid {
    grid-template-columns:1fr;
    gap:16px;
  }

  .team-contact img {
    width:80px;
    height:80px;
  }

  .footer-grid {
    grid-template-columns:1fr;
  }

  .contact-channels {
    flex-direction:column;
  }

  .copyright {
    line-height:1.6;
  }
}

@media(prefers-reduced-motion:reduce) {
  .reveal-pending,
  .reveal-pending.is-visible {
    opacity:1;
    transform:none;
    transition:none;
  }
}

@media print {
  .mobile-menu,
  .utility,
  .nav-links,
  .skip-link {
    display:none;
  }

  body {
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact;
  }

  .wrap {
    width:calc(100% - 60px);
  }

  .reveal-pending {
    opacity:1!important;
    transform:none!important;
  }

  .case-proof,
  .contact-card {
    break-inside:avoid;
  }
}

.service-detail {
  margin-top:22px;
  color:var(--ink);
}

.case-proof .text-link {
  font-size:14px;
  font-weight:400;
}

.price-note {
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:32px;
  border-top:1px solid var(--line);
  padding-top:28px;
  margin-top:34px;
}

.price-note p {
  color:var(--ink);
}

.contact-grid {
  grid-template-columns:.8fr 1.2fr;
  gap:68px;
}

.contact-intro {
  padding-top:8px;
}

.contact-identity {
  display:flex;
  align-items:flex-start;
  gap:20px;
  margin-top:34px;
}

.contact-identity img {
  width:88px;
  height:88px;
  border:1px solid #bbcee2;
  border-radius:50%;
  object-fit:contain;
  flex-shrink:0;
}

.contact-person-details {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}

.contact-person-details strong {
  font-size:16px;
  font-weight:600;
  margin-bottom:2px;
}

.contact-person-details a {
  text-underline-offset:4px;
  font-size:16px;
  line-height:1.6;
}

.contact-person-details .contact-email {
  font-size:16px;
  color:#e0dfed;
  overflow-wrap:anywhere;
}

.footer-compact {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  font-size:14px;
  color:var(--ink);
}

.footer-compact strong {
  font-weight:600;
  color:var(--navy);
}

.footer-compact nav {
  display:flex;
  gap:24px;
  flex-wrap:wrap;
}

.footer-compact nav a {
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}

#samenwerking {
  scroll-margin-top:24px;
}

@media(max-width:1120px) {
  .contact-grid {
    gap:40px;
  }

  .contact-identity {
    gap:16px;
  }

  .contact-identity img {
    width:76px;
    height:76px;
  }
}

@media(max-width:820px) {
  .contact-grid {
    grid-template-columns:1fr;
    gap:30px;
  }

  .contact-intro {
    padding-top:0;
  }

  .contact-identity {
    margin-top:26px;
  }

  .contact-identity img {
    width:80px;
    height:80px;
  }

  .contact-person-details {
    gap:7px;
  }

  .price-note {
    grid-template-columns:1fr;
    gap:14px;
  }

  .footer-compact {
    align-items:flex-start;
    flex-direction:column;
    gap:24px;
  }
}

@media(max-width:460px) {
  .contact-identity {
    gap:16px;
  }

  .contact-identity img {
    width:72px;
    height:72px;
  }

  .footer-compact nav {
    gap:12px 22px;
  }
}

.product-visual figcaption {
  font-size:14px;
  line-height:1.6;
  color:var(--ink);
  margin-top:16px;
}

.contact-card {
  container-name:congress-contact;
  container-type:inline-size;
}

@container congress-contact (min-width:520px) {
  .form-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 24px;
  }
}

.contact-card :focus-visible,
.abstract-section :focus-visible,
.registration-section :focus-visible,
.collaboration-section :focus-visible,
.site-footer :focus-visible {
  outline:3px solid #6c6785;
  outline-offset:4px;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:108px;
}

body {
  background:#fff;
}

button,
input,
textarea {
  font:inherit;
}

.site-header {
  position:sticky;
  top:0;
  z-index:10;
  box-shadow:0 1px 0 #ffffff18;
}

.header-inner {
  min-height:100px;
}

.hero-grid {
  padding-top:46px;
  padding-bottom:74px;
}

.hero-copy .eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
}

.hero-copy .eyebrow:before {
  content:'';
  width:7px;
  height:7px;
  background:#a9ccec;
  border-radius:50%;
  flex-shrink:0;
}

.nav-button {
  border-radius:24px;
}

.hero-image img {
  border-radius:14px;
  box-shadow:0 24px 55px #0e0d263d;
}

.hero-copy .lead {
  line-height:1.8;
  color:#dddded;
}

.contact-intro h2 {
  font-size:40px;
}

.contact-card {
  box-shadow:0 18px 50px #10102722;
  border-radius:16px;
}

.contact-form input:not([type=checkbox]):not([type=hidden]) {
  min-height:48px;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color:#353054;
  outline-color:#bbb6d5;
}

.contact-form [aria-invalid=true] {
  border-color:#b72517!important;
}

.field-error {
  display:block;
  color:#ae2015;
  font-weight:400;
  font-size:13px;
  line-height:1.5;
  margin-top:6px;
}

.form-status[data-error=true] {
  background:#fff1ed;
  color:#982316;
}

.form-status[data-success=true] {
  background:#eaf4ec;
  color:#1b592d;
  border:1px solid #b9d7c0;
}

.button:disabled {
  opacity:.7;
  cursor:wait;
}

.honey {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
}

.mobile-actions {
  display:none;
}

.steps {
  counter-reset:steps;
}

.step h3:before {
  counter-increment:steps;
  content:'0' counter(steps);
  display:block;
  color:#6d90b8;
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  margin-bottom:10px;
}

.contact-person-details .contact-call {
  font-weight:600;
  font-size:18px;
}

.contact-section .preview-note {
  font-size:12px;
  line-height:1.6;
}

.contact-form>.button {
  width:100%;
  margin-top:2px;
}

.privacy-check span {
  min-width:0;
}

.section-copy,
.case-proof,
.step {
  overflow-wrap:break-word;
}

.button,
.phone,
.nav-links a,
.utility a {
  transition:background .18s,color .18s;
}

.button:hover {
  box-shadow:0 4px 16px #d9391626;
}

.phone:hover {
  color:#c1def8;
}

.mobile-menu summary {
  min-height:44px;
}

.form-done {
  color:#205732;
  font-size:13px;
}

.form-done[hidden] {
  display:none;
}

@media(min-width:1121px) {
  .hero-grid {
    gap:64px;
  }

  .hero-copy h1 {
    max-width:560px;
  }

  .actions {
    gap:22px;
  }

  .contact-grid {
    grid-template-columns:.7fr 1.3fr;
    gap:64px;
  }
}

@media(max-width:820px) {
  html {
    scroll-padding-top:92px;
  }

  .header-inner {
    min-height:82px;
  }

  .brand,
  .brand img {
    width:144px;
    height: auto;
    /* border: 1px solid red; */
    flex-basis:144px;
    object-fit: contain;
  }

  .hero-grid {
    padding-top:30px;
    padding-bottom:46px;
    gap:32px;
  }

  .hero-copy h1 {
    max-width:620px;
  }

  .hero-copy .lead {
    max-width:660px;
  }

  .hero-image {
    width:100%;
  }

  .hero-image img {
    max-height:440px;
  }

  .mobile-actions {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:20;
    display:grid;
    grid-template-columns:1fr 1.6fr;
    gap:10px;
    background:#fff;
    padding:10px 20px calc(10px + env(safe-area-inset-bottom));
    box-shadow:0 -2px 22px #23224817;
    border-top:1px solid #e6e4ed;
  }

  .mobile-actions a {
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    border-radius:25px;
  }

  .mobile-actions .mobile-call {
    color:var(--navy);
    border:1px solid #bab6ca;
  }

  .mobile-actions .mobile-form {
    color:white;
    background:var(--orange);
  }

  .site-footer {
    padding-bottom:105px;
  }

  .mobile-menu nav {
    max-width:calc(100vw - 44px);
  }

  .contact-intro h2 {
    font-size:32px;
  }
}

@media(max-width:460px) {
  .hero-copy .eyebrow {
    font-size:12px;
    line-height:1.6;
  }

  .hero-copy h1 {
    font-size:32px;
  }

  .hero-copy .lead {
    font-size:15px;
  }

  .hero-grid {
    padding-top:22px;
  }

  .hero-image img {
    border-radius:10px;
  }

  .actions {
    align-items:stretch;
    gap:18px;
  }

  .actions .button {
    width:100%;
  }

  .actions .phone {
    margin-inline:auto;
    min-height:30px;
  }

  .contact-person-details .contact-call {
    font-size:16px;
  }

  .mobile-actions {
    padding-inline:16px;
  }

  .contact-card {
    border-radius:12px;
  }

  .check-list li {
    font-size:15px;
  }

  .contact-intro h2 {
    font-size:30px;
  }

  .contact-person-details a {
    font-size:14px;
  }

  .contact-identity {
    gap:12px;
  }

  .contact-identity img {
    width:64px;
    height:64px;
  }

  .contact-identity {
    align-items:center;
  }
}

@media(max-width:350px) {
  .hero-copy h1 {
    font-size:29px;
  }

  .brand,
  .brand img {
    width:130px;
    flex-basis:130px;
  }

  .contact-card {
    padding:22px 17px;
  }

  .mobile-actions a {
    font-size:13px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }

  * {
    transition:none!important;
  }
}

@media(max-width:600px) {

}