@media(prefers-color-scheme:light){:root{--header-fg:#17241d;--header-bg:#69d2e7;--nav-fg:#fdfdf6;--nav-bg:#17241d;--fg:#17241d;--bg:#fdfdf6;--link:#006cd1}}@media(prefers-color-scheme:dark){:root{--header-bg:#000806;--header-fg:#fdfdf6;--nav-bg:#23241f;--nav-fg:#fdbd33;--bg:#000806;--fg:#fdfdf6;--link:#54ced6}}@layer base{:root {
    
    
    
    font-size: calc(1rem + 0.25vw);
  }

  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  
  * {
    margin: 0;
  }

  
  @media (prefers-reduced-motion: no-preference) {
    html {
      interpolate-size: allow-keywords;
    }
  }

  body {
    
    line-height: 1.5;
    
    
    padding: 0;
    min-height: 100vh;
  }

  
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }

  
  input,
  button,
  textarea,
  select {
    font: inherit;
  }

  
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
    hyphens: auto;
  }

  
  p {
    text-wrap: pretty;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-wrap: balance;
  }

  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  :not(li) > ul,
  :not(li) > ol,
  dl,
  article {
    
    margin-bottom: 1.5rem;
  }

  
  li ul,
  li ol,
  li dl {
    margin-bottom: 0;
  }
}@layer layout{body {
    margin: 0;
    padding: 0;
    height: 100vh;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;

    @media (min-width: 600px) {
      grid-template-columns: minmax(10px, 3fr) minmax(10px, 1fr);
      grid-template-rows: min-content min-content 1fr min-content;
    }
  }

  body > * {
    padding: 1rem;
  }

  body > header {
    background: var(--header-bg);

    @media (min-width: 600px) {
      grid-column: 1 / -1;
    }
  }


  body > header + nav {
    margin: 0;
    background: var(--nav-bg);

    @media (min-width: 600px) {
      grid-column: 1 / 3;
    }
  }

  body > header + nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: start;
    gap: 1rem;
  }

  body > header + nav li {}

  main {
    background: var(--bg);

    @media (min-width: 600px) {
      grid-column: 1 / 2;
    }
  }

  body > aside {
    background: var(--bg);

    @media (min-width: 600px) {
      grid-column: 2 / 3;
      grid-row: 3 / 4;
    }
  }

  body > footer {
    background: var(--nav-bg);

    @media (min-width: 600px) {
      grid-column: 1 / -1;
    }
  }
}body{font-family:open sans,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;color:var(--fg)}h1,h2,h3,h4,h5,h6{color:var(--fg);font-weight:300;word-break:break-word;a { text-decoration: none; color: inherit; border-bottom: 1px solid transparent; transition: border-bottom 0.1s ease-in; &:hover { text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 1); } }}body>header{h1, h2 { margin: 0; color: var(--header-fg); a { text-decoration: none; } }}a{color:var(--link);text-decoration:none;&:hover { text-decoration:underline; }}abbr,abbr[title]{text-decoration:none}::selection{background:var(--fg);color:var(--bg)}body>header+nav a{display:block;color:var(--nav-fg);&.active { text-decoration: underline; }}ul#testimonials{margin:0;padding:0;list-style:none;figure { margin-bottom: 1rem; figcaption { text-align: right; &:before { content: '— '; } } } blockquote { quotes: "“" "”" "‘" "’"; margin-bottom: 1rem; p { margin-left: 1.5rem; &::before { content: open-quote; } &::after { content: close-quote; } } }}article>dl{}article footer{font-size:80%;dl { dt { display: inline-block; font-weight: bold; } dd { margin: 0; display: inline-block; &::after { content: ', '; } &:nth-last-of-type(-n + 1)::after, &:has(+ dt)::after { content: ''; } } }}div.highlight{margin-bottom:1.5rem}body>footer{color:var(--nav-fg);nav { ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: start; gap: 1rem; } dl dd { margin: 0; display: inline-block; } } p { margin: 0; }}