.not-found__title {
  margin: 0; color: var(--primary); font-size: var(--h3); font-weight: 700; line-height: 1.05; text-wrap: balance;
}
.not-found__button {
  display: inline-flex; align-items: center; gap: var(--space-m); min-block-size: 5.6rem; margin-block-start: var(--space-xs); padding: 0 0.8rem 0 var(--space-m); border-radius: calc(var(--radius) * 0.8); background: var(--primary); color: var(--base-ultra-dark); font-size: var(--text-m); font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; &:hover { background: var(--base-semi-light); color: var(--base-ultra-dark); } &:focus-visible { outline: var(--focus-width) solid var(--primary-light); outline-offset: var(--focus-offset); } @media (forced-colors: active) { & { border: 2px solid ButtonText; } }
}
.not-found__lede {
  margin: 0; max-inline-size: 35ch; color: var(--primary-light); font-size: var(--text-m); line-height: 1.5; text-wrap: pretty;
}
.not-found__highlight {
  color: var(--base-semi-light);
}
.not-found__tag-dot {
  display: block; flex: 0 0 8px; width: 8px; height: 8px; min-width: 8px; max-width: 8px; min-height: 8px; max-height: 8px; margin: 0; padding: 0; border: 0; background: var(--base-semi-light); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.not-found__inner {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-m); max-inline-size: 60rem; text-align: center;
}
.footer {
  ;
;
padding-inline: var(--gutter);
  padding-block: var(--space-xs);
}
.footer-container {
  align-items: center;
display: flex;

}
.main-container__role {
  font-size: var(--text-xxl);
  letter-spacing: 10px;
  font-weight: 700;
  line-height: 1.1;
}
.footer-container__footer-text {
  font-size: calc(var(--text-s) * 1.4);
    color: var(--white);
}
.not-found__button-icon {
  display: inline-flex; flex: none; align-items: center; justify-content: center; inline-size: 4rem; block-size: 4rem; border-radius: calc(var(--radius) * 0.6); background: var(--base-semi-light); color: var(--base-ultra-dark); font-size: 1.8rem; line-height: 1; @media (prefers-reduced-motion: no-preference) { & { transition: translate 0.15s ease; } .not-found__button:is(:hover, :focus-visible) & { translate: 3px 0; } }
}
.dh-footer {
  flex: 0 0 auto;
  padding: 0;
  background-color: var(--black, #000);
}
.not-found__tag {
  --tag-dash: var(--base-semi-dark); --tag-face: color-mix(in oklch, var(--primary) 7%, var(--base-ultra-dark)); position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 0.8rem; block-size: 2.8rem; margin: 0; padding: 0 1.1rem 0 1rem; color: var(--primary-light); font-size: 1.3rem; font-weight: 500; line-height: 1; white-space: nowrap; rotate: -4deg; &::before, &::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: calc(var(--radius) * 0.8); } &::before { translate: 4px 4px; background-image: linear-gradient(to right, var(--tag-dash) 5px, transparent 0), linear-gradient(to right, var(--tag-dash) 5px, transparent 0), linear-gradient(to bottom, var(--tag-dash) 5px, transparent 0), linear-gradient(to bottom, var(--tag-dash) 5px, transparent 0); background-size: 9px 1px, 9px 1px, 1px 9px, 1px 9px; background-position: 0 0, 0 100%, 0 0, 100% 0; background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; } &::after { border: 1px solid var(--base-semi-dark); background: var(--tag-face); }
}
.main-container__linkedin-link {
  border: 5px solid rgb(255, 255, 255);
  padding: var(--space-xs);
  margin: var(--space-xs);
}
:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.not-found {
  position: relative; isolation: isolate; overflow: hidden; display: grid; place-items: start center; min-block-size: 100svh; padding-block: var(--section-space-m); padding-inline: var(--gutter); background: var(--base); color: var(--primary); @media (min-width: 768px) { & { place-items: center; padding-block: var(--space-xl); } }
}
.main-section {
  background-color: var(--base);
  flex: 1 0 auto;
}
.main-container__name {
  font-weight: 300;
}
.main-container__welcome-message {
  font-size: var(--text-xl);
}
.dh-page {
  display: flex; flex-direction: column; min-block-size: 100vh; min-block-size: 100dvh;
}
.not-found__glow {
  position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(60% 50% at 50% 35%, color-mix(in oklch, var(--base-semi-dark) 55%, transparent), transparent 70%), radial-gradient(40% 35% at 85% 90%, color-mix(in oklch, var(--base-dark) 60%, transparent), transparent 70%);
}
.main-container {
  gap: 30px;
align-items: center;
  margin-top: var(--space-s);
  color: var(--primary);
}