.sub-hero{
  container:sub-hero / inline-size;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:clamp(7rem,6rem + 3vw,9rem);
  padding-bottom:clamp(2.5rem,2rem + 2vw,4rem);
  background:var(--c-night);
}
.sub-hero__scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:blur(14px);transform:scale(1.08)}
.sub-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(60% 70% at 100% 0%,rgb(194 24 91 / .35),transparent 70%),
    linear-gradient(180deg,rgb(11 10 12 / .72),rgb(11 10 12 / .88));
}
.sub-hero__frame{
  display:grid;
  gap:1.25rem;
  width:min(100% - 2 * var(--s-gutter),var(--w-frame));
  margin-inline:auto;
  padding:clamp(1.5rem,1rem + 2vw,2.75rem);
  border-radius:var(--r-plate);
  background:rgb(255 255 255 / .06);
  box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .16);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.sub-hero__title{max-width:16em}
.sub-hero__lead{max-width:36em;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.5;color:rgb(255 255 255 / .85)}

@container sub-hero (min-width:62rem){
  .sub-hero__frame{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;column-gap:3rem}
}

.sub-section{
  padding-block:clamp(3.5rem,2.5rem + 4vw,6rem);
}
.sub-section--plum{
  background:
    radial-gradient(55% 45% at 0% 0%,rgb(194 24 91 / .3),transparent 70%),
    var(--c-plum);
}
.sub-section--grey{background:var(--c-ink-soft)}
.sub-section__frame{
  width:min(100% - 2 * var(--s-gutter),var(--w-frame));
  margin-inline:auto;
}

.prose-link{
  color:var(--c-blush);
  font-weight:500;
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:.2em;
  transition:color .3s ease,text-shadow .3s ease;
}
.prose-link:hover{color:var(--c-white);text-shadow:0 0 .6em rgb(194 24 91 / .8)}
.prose-link:focus-visible{outline:3px solid var(--c-white);outline-offset:2px;border-radius:4px}

.thesis-row{display:grid;gap:2rem}
.thesis-row__item{position:relative;display:grid;justify-items:start;gap:.75rem}
.thesis-row__icon{
  display:grid;
  place-items:center;
  width:3.25rem;
  height:3.25rem;
  border-radius:var(--r-thumb);
  background:linear-gradient(180deg,rgb(255 255 255 / .3),rgb(255 255 255 / .06));
  box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .35),0 -.6rem 1.4rem -.6rem rgb(255 228 236 / .55);
  color:var(--c-white);
}
.thesis-row__name{font-family:var(--f-wide);font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}
.thesis-row__text{max-width:22em;font-size:1.0625rem;line-height:1.5;color:rgb(255 255 255 / .85)}

@container sub-section (min-width:46rem){
  .thesis-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:0;row-gap:0}
  .thesis-row__item{grid-row:span 3;grid-template-rows:subgrid;row-gap:.75rem;padding-inline:1.75rem}
  .thesis-row__item:first-child{padding-inline-start:0}
  .thesis-row__item + .thesis-row__item::before{
    content:"";
    position:absolute;
    left:0;
    top:.25rem;
    bottom:1.25rem;
    width:1.5px;
    background:linear-gradient(180deg,rgb(255 255 255 / 0),rgb(255 255 255 / .35));
  }
  .thesis-row__item + .thesis-row__item::after{
    content:"";
    position:absolute;
    left:-2.25px;
    bottom:.75rem;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--c-blush);
  }
}
.sub-section{container:sub-section / inline-size}


.sub-hero__side{display:grid;justify-items:start;gap:1rem}
.sub-hero__stamp{
  display:inline-block;
  padding:.4rem .9rem;
  border-radius:var(--r-pill);
  background:rgb(255 255 255 / .1);
  box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .22);
  font-size:.875rem;
  font-weight:500;
  color:rgb(255 255 255 / .85);
}

.sub-hero--404{display:grid;align-content:center;min-height:min(78svh,40rem)}