/* The portfolio continues beyond the photographed WordPress archive. */
.az-portfolio-source {
  max-width: 72ch;
  margin: 34px 0 0;
  color: #b9cbc6;
  font: 400 .72rem/1.75 'AZ Mono', monospace;
  letter-spacing: .025em;
}
.az-portfolio-source a,
.az-profile-notes a {
  color: #e6c996;
  text-decoration-color: rgba(230,201,150,.55);
  text-underline-offset: .2em;
}
.az-portfolio-source a:hover,
.az-portfolio-source a:focus-visible,
.az-profile-notes a:hover,
.az-profile-notes a:focus-visible { color: #ffdfaa; text-decoration-color: currentColor; }
.az-profile-notes {
  border-block: 1px solid rgba(221,192,141,.28);
  background: #032f37;
  padding: clamp(70px,9vw,125px) 0;
}
.az-profile-notes-head {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  align-items: end;
  column-gap: clamp(30px,6vw,90px);
}
.az-profile-notes-head .az-serial { grid-column: 1 / -1; }
.az-profile-notes h2 {
  margin: 25px 0 48px;
  font: 400 clamp(3.8rem,6.8vw,7.5rem)/.93 'AZ Gruppo', sans-serif;
  letter-spacing: -.045em;
}
.az-profile-notes h2 i { color: #dbc092; font-weight: 400; }
.az-profile-notes-head > p:last-child {
  max-width: 38ch;
  margin: 0 0 48px;
  color: #c9d9d5;
  font-size: 1rem;
  line-height: 1.75;
}
.az-profile-notes-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(24px,5vw,80px); }
.az-profile-notes-grid article {
  position: relative;
  padding: 30px 0 0;
  border-top: 1px solid rgba(221,192,141,.44);
}
.az-profile-notes-grid article::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 68px;
  height: 1px;
  background: #ebcf9f;
  transform-origin: left;
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
}
.az-profile-notes-grid article:hover::before,
.az-profile-notes-grid article:focus-within::before { transform: scaleX(2); }
.az-profile-year { font: 400 .67rem 'AZ Mono',monospace; letter-spacing: .16em; color: #d7bc8a; }
.az-profile-notes h3 { margin: 16px 0; font: 400 clamp(2.3rem,3.1vw,3.7rem)/1 'AZ Gruppo',sans-serif; letter-spacing: -.03em; }
.az-profile-notes-grid p { max-width: 55ch; color: #d0ddd8; line-height: 1.78; }
@media (max-width: 760px) {
  .az-profile-notes-head { grid-template-columns: 1fr; }
  .az-profile-notes h2 { margin-bottom: 18px; }
  .az-profile-notes-head > p:last-child { margin-bottom: 45px; }
  .az-profile-notes-grid { grid-template-columns: 1fr; gap: 42px; }
  .az-portfolio-source { font-size: .68rem; }
}
@media (prefers-reduced-motion: reduce) {
  .az-profile-notes-grid article::before { transition: none; }
}
html.motion-off .az-profile-notes-grid article::before { transition: none; }