/* Alquist blog — tokens and type follow alquistrobotics.com */
@font-face{font-family:"Alquist Rothek";src:url("brand/alquist-rothek-semibold.otf") format("opentype");font-weight:600;font-display:swap}
@font-face{font-family:"Alquist Switzer";src:url("brand/switzer-regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Alquist Switzer";src:url("brand/switzer-medium.otf") format("opentype");font-weight:500 800;font-display:swap}

:root{
  --alq-beige-1:#f2ece2;
  --alq-beige-2:#e0d7c7;
  --alq-paper:#f9f6f1;
  --alq-black:#1e1c1b;
  --alq-font-display:"Alquist Rothek",Arial,sans-serif;
  --alq-font-sans:"Alquist Switzer",Switzer,Arial,sans-serif;
  --alq-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --gutter:32px;
  --max:1376px;
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--alq-beige-1);-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100vh;display:flex;flex-direction:column;
  background:var(--alq-beige-1);color:var(--alq-black);
  font-family:var(--alq-font-sans);font-size:15px;font-weight:500;line-height:21px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--alq-black);outline-offset:4px;border-radius:4px}

/* Type */
.alq-h1{
  font-family:var(--alq-font-display);font-weight:600;letter-spacing:-.02em;
  font-feature-settings:"ss01","ss02","ss03","ss04","ss05","ss06";
  margin:0;font-size:40px;line-height:1.05;text-wrap:balance;
}
.alq-h2{
  font-family:var(--alq-font-display);font-weight:600;letter-spacing:-.02em;
  font-feature-settings:"ss01","ss02","ss03","ss04","ss05","ss06";
  margin:0;font-size:40px;line-height:1;text-wrap:balance;
}
.alq-mono{
  font-family:var(--alq-font-mono);font-size:12px;font-weight:500;line-height:1;
  letter-spacing:.12em;text-transform:uppercase;margin:0;
}
.alq-muted{opacity:.5}

/* Intro */
main{flex:1}
.intro{max-width:var(--max);margin:0 auto;padding:48px var(--gutter) 40px}
.intro .alq-h1{max-width:20ch}

/* Post list */
.posts{max-width:var(--max);margin:0 auto;padding:0 var(--gutter) 128px}
.posts-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;border-bottom:1px solid rgba(30,28,27,.18)}
.post-list{list-style:none;margin:0;padding:0}

.post{border-bottom:1px solid rgba(30,28,27,.18)}
.post-link{
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  padding:32px 0 36px;text-decoration:none;color:inherit;
}
.post-title{max-width:none}
.post-sub{margin:0;font-size:18px;line-height:24px;letter-spacing:-.01em}
.post-cta{margin-top:12px}
.post-cta .arrow{transition:transform .2s ease}

@media (hover:hover){
  .post-link:hover .post-cta .arrow{transform:translateX(3px)}
}

/* Tablet */
@media (max-width:991px){
  .alq-h1{font-size:34px}
  .alq-h2{font-size:34px}
}

/* Large phone / small tablet */
@media (max-width:767px){
  :root{--gutter:20px}
  .alq-h1{font-size:30px}
  .alq-h2{font-size:30px}
  .intro{padding-top:32px;padding-bottom:28px}
  .posts{padding-bottom:96px}
  .post-link{padding:28px 0 32px}
}

/* Phone */
@media (max-width:479px){
  .alq-h1{font-size:26px}
  .alq-h2{font-size:26px;line-height:28px}
  .intro{padding-top:24px;padding-bottom:24px}
  .post-sub{font-size:16px;line-height:22px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}