.container {
  width: min(1320px, calc(100vw - 56px));
  margin-inline: auto;
}
.panel {
  position: relative;
  min-height: 100svh;
  height: 100svh;
  display: flex;
  align-items: stretch;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  padding: 94px 0 24px;
  border-bottom: 2px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0)),
    var(--panel);
}
.panel--accent {
  background:
    linear-gradient(90deg, rgba(255, 90, 54, 0.22), rgba(255, 90, 54, 0.04) 12%, transparent 42%),
    var(--panel-alt);
}
.panel--dark {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0)),
    #0b0b0b;
}
.panel--projects {
  background:
    linear-gradient(
      270deg,
      rgba(255, 90, 54, 0.16) 0%,
      rgba(255, 90, 54, 0.07) 16%,
      rgba(255, 90, 54, 0.025) 30%,
      transparent 58%
    ),
    var(--panel-alt);
}
.panel__grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1.2fr 3fr 1.8fr;
  gap: var(--gutter);
  align-items: end;
}
.panel__grid--projects {
  grid-template-columns: 1.2fr 2.5fr 2.3fr;
}
.panel__meta,
.panel__main,
.panel__side {
  min-height: calc(100svh - var(--header-offset) - 24px);
  display: flex;
  flex-direction: column;
}
.panel__meta {
  justify-content: space-between;
  padding: 18px;
  border: var(--border-hard);
  background: rgba(255,255,255,0.015);
}
.panel__main {
  justify-content: space-between;
  border: var(--border-hard);
  padding: 18px;
}
.panel__side {
  justify-content: flex-end;
  gap: 18px;
  padding: 18px;
  border: var(--border-hard);
  background: rgba(255,255,255,0.025);
}