/* =====================================================================
   THE FELLOWS — the rules only this page uses, on top of
   alvara-editorial.css. Same `.alv-ed` scope, loaded second, so where the two
   set the same property at the same specificity this file wins.

   That ordering is what the mockup relied on and it is still load-bearing:
   docs/college/new-page-design/Alvara_The_Fellows_FINAL_7.html carries thirteen
   <style> blocks, and its last eight are refinement passes that override the
   four shared ones by source order alone rather than by specificity. The four
   shared blocks became alvara-editorial.css; the eight passes are below,
   reduced to the rules this page's markup can actually reach.

   The page was rebuilt for this revision and no longer uses the old editorial
   vocabulary — there is no `.sec`, `.fcard`, `.head` or `.frame` here. It
   reads as a bound volume instead: `.sec` (a passage, `.paper` on cream or
   `.dark` on green), `.wrap` (its measure), `.head` (its standalone
   heading), `.figblock` (photograph beside text), `.magbody` (prose with the
   drop cap) and `.qlay` (the pull quote). Those are shared and live next door;
   what is here is the furniture peculiar to the Fellows — the record lists,
   the credential, the competition bands, the path to Fellowship, the close.
   ===================================================================== */.alv-ed .btn-ink {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-family: var(--word);
  font-size: var(--fs-eyebrow);
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 14px 30px;
  border: 1px solid var(--gold);
  color: #2c3a20;
  text-decoration: none;
  transition: .3s
}

.alv-ed .btn-ink:hover {
  background: var(--gold);
  color: var(--ivory)
}


.alv-ed .reclist .rl-h {
  font-family: var(--word);
  font-size: var(--fs-eyebrow-sm);
  letter-spacing: .2em;
  text-transform: uppercase;
}

.alv-ed .reclist ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.alv-ed .reclist li {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  font-family: var(--body);
  color: rgba(242, 237, 224, .78);
}


/* cream record list */.alv-ed .reclist-ink .rl-h {
  font-family: var(--word);
  font-size: var(--fs-eyebrow-sm);
  letter-spacing: .2em;
  text-transform: uppercase;
}

.alv-ed .reclist-ink ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.alv-ed .reclist-ink li {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 12px;
  font-family: var(--body);
  color: var(--ink-soft);
}


/* larger, more comfortable reading */@media(max-width:960px) {
  .alv-ed .carminho-head .cn2 {
    white-space: normal;
    font-size: clamp(26px, 6.2vw, 38px)
  }
}


/* full-bleed cinematic breaks between passages */.alv-ed .imgbreak {
  position: relative;
  height: clamp(40vh, 54vh, 600px);
  overflow: hidden
}

.alv-ed .imgbreak img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.alv-ed .imgbreak .vig {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 22, 14, .42), rgba(9, 22, 14, .03) 24%, rgba(9, 22, 14, .03) 74%, rgba(9, 22, 14, .58))
}


/* layered heading — faint oversized ghost word behind the title */.alv-ed .layhead {
  position: relative
}

.alv-ed .layhead .ghost {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  font-family: var(--word);
  font-weight: 500;
  font-size: clamp(64px, 13vw, 180px);
  letter-spacing: .05em;
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
  color: rgba(19, 45, 30, .05)
}

.alv-ed .sec.green .layhead .ghost {
  color: rgba(201, 169, 74, .08)
}

.alv-ed .layhead .kick,
.alv-ed .layhead h2,
.alv-ed .layhead .pg-rule {
  position: relative;
  z-index: 1
}

.alv-ed .record-grand .reclist,
.alv-ed .record-grand .reclist-ink {
  border-top: 0;
  margin-top: 0;
  position: relative;
  z-index: 1
}

.alv-ed .record-grand .rl-h {
  color: var(--gold) !important;
  font-size: var(--fs-eyebrow-sm) !important
}


.alv-ed .record-grand.cols li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid
}

.alv-ed .reclist li:hover .yr,
.alv-ed .reclist li:hover span {
  color: var(--gold-soft) !important
}

.alv-ed .reclist-ink li:hover .yr,
.alv-ed .reclist-ink li:hover span {
  color: #7a5a12 !important
}

.alv-ed .founders-sec .fbg {
  position: absolute;
  inset: 0;
  z-index: 0
}


/* imgbreak caption — legible, right, ruled */.alv-ed .imgbreak .cap {
  position: absolute;
  left: auto;
  bottom: clamp(20px, 3vw, 38px);
  z-index: 2;
  font-family: var(--word);
  font-size: var(--fs-eyebrow-lg);
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--cream);
  text-shadow: 0 2px 16px rgba(0, 0, 0, .9);
  right: clamp(24px, 5vw, 80px);
  text-align: right;
  padding-top: 9px;
  border-top: 1px solid var(--gold-soft)
}


.alv-ed .reclist li .yr {
  font-family: var(--word);
}

.alv-ed .reclist-ink li .yr {
  font-family: var(--word);
}



.alv-ed .founders-sec .record-grand {
  background: linear-gradient(180deg, rgba(26, 58, 38, .42), rgba(15, 36, 23, .42)) !important
}


/* ---- beautiful, uniform record — no framed box ---- */.alv-ed .record-grand {
  position: relative;
  margin-top: clamp(24px, 3vw, 38px);
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  overflow: hidden
}

.alv-ed .record-grand::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(184, 150, 46, .18);
  pointer-events: none;
  display: none !important
}

.alv-ed .reclist,
.alv-ed .reclist-ink {
  border-top: 0;
  margin-top: 0
}

.alv-ed .sec.green .reclist .rl-h {
  color: var(--gold) !important;
  border-bottom-color: var(--gold-line)
}

.alv-ed .sec.green .reclist li {
  border-bottom-color: var(--gold-line) !important;
  color: var(--ground-ink-soft)
}

.alv-ed .reclist li .yr,
.alv-ed .reclist-ink li .yr {
  color: #8a6a1a !important
}

.alv-ed .sec.green .reclist li .yr {
  color: var(--gold-soft) !important
}

/* A record reads newest first, DOWN the left column and on into the right --
   so it is set in CSS columns, not a two-column grid. A grid fills across,
   which put the second-newest line beside the newest and the third under the
   first: read down, the years zigzagged. Columns balance themselves, and
   `break-inside: avoid` on the line (above) keeps a wrapped entry whole. */
.alv-ed .record-grand.cols .reclist ul,
.alv-ed .record-grand.cols .reclist-ink ul {
  columns: 2;
  column-gap: clamp(34px, 4.4vw, 68px)
}

/* The collapse, and it has to sit BELOW the rule above rather than above it.
   It was written sixty lines earlier at the same specificity and with no
   media query beneath it, so source order took it and it never once applied:
   every competition record on the page stayed two-column on a telephone, the
   second column running about 21px past the viewport and being clipped by
   `.founders-sec { overflow: hidden }` -- no scrollbar, no error, just the
   right-hand end of half the lines missing. The same fault the note beside
   `.figblock.beside` in alvara-editorial.css records, and found again here by
   measuring the page at 390px while checking the eight-line record the
   fourth card carried at the time.
   Nothing distinguishes a dead rule from a live one by reading it. */
@media(max-width:820px) {

  .alv-ed .record-grand.cols .reclist ul,
  .alv-ed .record-grand.cols .reclist-ink ul {
    columns: 1
  }
}

/* A CAPTION AND AN EYEBROW STOP BEING TWO THINGS ONCE THE BLOCK STACKS.
   A `.figblock.beside` gives the photograph 45% beside the prose down to
   900px and sets it above the prose below that (the rule is in
   alvara-editorial.css, and 900px here is that same width, so this turns on
   at exactly the point the fault appears and not a pixel before). Side by
   side, the caption under the photograph and the eyebrow over the heading sit
   in different columns and are read as two different kinds of thing. Stacked
   they are consecutive, and what a reader meets is four or five lines of gold
   capitals before the heading they belong to.

   Two of the page's blocks are named here and the rest are not, which is
   editorial rather than structural -- the College decides which block carries
   its caption and its eyebrow on a narrow screen, so this is a list and not a
   pattern. `#nextgen`'s FIRST block keeps both.

   `#founding` is the one that can be argued from the copy alone: its caption
   and the first half of its eyebrow are the same sentence, "Champions of the
   international sport", the eyebrow continuing "· The Founding Fellows". It
   says one thing twice.

   Both halves go together in each case. Keeping the caption alone would leave
   a heading with no eyebrow where its neighbours have one; keeping the eyebrow
   alone would leave a photograph as the only one on the page without a
   caption. The heading beneath them says what the block is. */
@media(max-width:900px) {

  .alv-ed #founding .hcap,
  .alv-ed #founding .kick,
  .alv-ed #nextgen .figblock.beside+.figblock.beside .hcap,
  .alv-ed #nextgen .figblock.beside+.figblock.beside .kick {
    display: none
  }
}

.alv-ed .founders-sec {
  position: relative;
  overflow: hidden;
  margin-top: -1px
}


/* ---- band quotes: long & thin, smaller, uniform ---- */
/* tighten sub-feature heading & connect the block beneath it */.alv-ed .carminho-head {
  display: block;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  border-bottom: 0;
  padding-bottom: 0;
  margin: clamp(30px, 3.4vw, 50px) 0 clamp(6px, .9vw, 12px) !important
}


/* alternating kicker tone for texture */
/* founders — record full width, identical design to Carminho */.alv-ed .founder2 {
  margin-bottom: clamp(30px, 3.6vw, 58px)
}

.alv-ed .founder2 .figblock {
  align-items: center
}


/* Every photograph in a `.figblock` on this page is the same 4:5, the shape
   of the plates on the home page and of most of these pictures already. The
   sheet used to set no ratio at all outside the founders' cards, so each one
   rendered at whatever shape it was shot -- 0.69 for the Lusitano in the
   arcade, 1.50 for the one in the meadow, six values across ten pictures --
   and a page of portraits and landscapes reads as a page nobody set. The
   founders' own 4:4.3 went with it: four cards agreeing with each other and
   with nothing else on the page is the same fault, kept tidy.

   Two shapes, and only two: PORTRAIT 4:5 -- the home page's plates, which is
   where the measure comes from -- and LANDSCAPE 3:2 on `.hph.land`. A
   photograph shot wide put in the portrait frame loses a third of its width,
   which the Lusitano in the meadow could not afford, and the alternative of
   letting each picture keep its own shape is what the page was doing when it
   carried six ratios across ten pictures.

   The two are held to the SAME WIDTH rather than the same height or the same
   area, so the landscape is the shorter of them. Width is what the prose
   beside a figure is set against: a float of one measure lets every passage on
   the page keep the same column, while matching the heights would put a 3:2
   picture at 891px in a 1052px measure -- wider than a float can be. `land` is
   the orientation, deliberately not `wide`. `.plate.wide` held that name at
   16:8 until the Founding Fellows' podium photograph -- the page's last plate
   -- became a `.figblock`, and its four rules went with it rather than sitting
   here dressing a component the page no longer writes.

   `object-fit: cover` on the shared rule does the cropping -- centred, unless a
   picture says otherwise; see the note on Pedro's card in fellows.html. */.alv-ed .figblock .hph img {
  aspect-ratio: 4/5
}

.alv-ed .figblock .hph.land img {
  aspect-ratio: 3/2
}


/* A landscape float is WIDER than a portrait one -- 55% against 45%, so 581px
   against 475px at a 1440 measure, and 387px tall against 317px. Holding the
   two to one width made the landscape the smaller picture on the page by a
   third of its area, which is the opposite of what a photograph shot wide is
   for.

   55% and not the 62% that would make the two equal in area, because what the
   width is really spending is the prose beside it: the float takes its share
   of a 1056px measure and the text takes the rest less the gutter, so 55%
   leaves 413px and 62% leaves 340. The estate has already had this argument --
   the note on `.figblock.beside`'s columns next door records a 317px measure
   as "about thirty characters, a caption's measure" and is why that ratio was
   changed. Coming back to 340 by another road would be the same fault.

   No clamp on it. The shared float carries one, but its 548px cap would hold
   this figure at 548 rather than 581, and both bounds are outside the range
   this page ever sees: `.wrap` is capped at 1200px less padding, so the width
   only ever runs between the collapse and 581.

   Guarded above the collapse for the reason the columns below are: the shared
   sheet's `max-width:820px` rule sets these floats to 100% at the same
   specificity, and this file is loaded second. */@media(min-width:821px) {

  .alv-ed .figblock.around .hph.land {
    width: 55%
  }
}


/* The `.beside` figure's 45% was set here, in a `@media(min-width:901px)`
   block guarded above the shared collapse. It is the shared sheet's rule now:
   the College carries column blocks too and could not see this one, so the
   same photograph came out 601px there and 485px here. The reasoning moved
   with it -- see `.figblock.beside:has(.fig-left)` in alvara-editorial.css. */
/* Larger than `--fs-h2` on purpose: on a Fellow's card the name is the
   display line, not a section heading. Face, weight and ink are the shared
   `.alv-ed h3`'s. */.alv-ed .founder2 .nm {
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1;
  margin: 8px 0 6px
}

.alv-ed .founder2 .cr {
  font-family: var(--word);
  font-size: var(--fs-eyebrow);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold-soft)
}

.alv-ed .founder2 .cr .cr-guard {
  color: rgba(242, 237, 224, .55);
  margin-left: 8px
}

.alv-ed .founder2 .record-grand {
  margin-top: clamp(18px, 2.2vw, 30px)
}


/* seams — tighten founding→founders (−75%); soften green→image */.alv-ed .seam-cg {
  height: clamp(44px, 5vw, 80px) !important;
  background: linear-gradient(180deg, #e5dcc6, #12281a)
}

.alv-ed .founding-intro {
  padding-bottom: clamp(18px, 2vw, 28px) !important
}

.alv-ed .founders-sec {
  padding-top: clamp(22px, 2.4vw, 34px) !important;
  padding-bottom: clamp(26px, 2.8vw, 40px) !important
}

.alv-ed .founders-sec .wrap {
  position: relative;
  z-index: 1
}


/* ================= v9 ================= */
/* founder records — clean, exactly like Carminho (no dark band, no row tint) */.alv-ed .sec.green .record-grand {
  background: none !important
}

.alv-ed .reclist li:hover {
  background: rgba(201, 169, 74, .14) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 169, 74, .45)
}

.alv-ed .reclist-ink li:hover {
  background: rgba(201, 169, 74, .16) !important;
  box-shadow: inset 0 0 0 1px rgba(184, 150, 46, .55)
}


/* founders background image — more transparent for depth */.alv-ed .founders-sec .fbg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .10 !important
}

.alv-ed .pathhero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 30%
}

.alv-ed .pathhero .ph-veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 20, 13, .5), rgba(9, 20, 13, .25) 38%, rgba(15, 36, 23, .72) 76%, #0f2417)
}

.alv-ed .pathhero .ph-cap .kick {
  color: var(--gold) !important;
  display: block
}

.alv-ed .pathhero .ph-cap h2 {
  color: var(--cream) !important;
  margin: 12px auto 0
}

.alv-ed .pathhero .ph-cap .pg-rule {
  margin: clamp(16px, 2vw, 24px) auto 0
}


/* ================= v11 ================= */
/* Path hero — heading is the star, subheading + lede beneath, held together.

   THE PLATE GROWS RATHER THAN CLIPPING, and it used to do neither. It was a
   fixed `height` with `overflow: hidden` and the caption absolutely
   positioned off the bottom edge, which is two measurements taken on
   DIFFERENT AXES: the plate's height came from the viewport's HEIGHT (66vh)
   and the caption's from its WIDTH, the title being 6.4vw. Nothing held the
   two together, so whether the title fitted was a coincidence of window
   shape -- at 1280x800, a perfectly ordinary laptop, the caption came out
   exactly as tall as the plate and the top of the title was cut off. It
   failed silently: no scrollbar, no overflow, just a heading with its head
   missing, which reads as the section above lying over it.

   `min-height` plus a flow caption is what actually settles it. An
   absolutely positioned child contributes nothing to its parent's height, so
   `min-height` alone would have changed nothing -- the caption has to be IN
   the flow for the plate to be able to measure it. Hence the flex container
   and `align-items: flex-end`, which is the same arrangement the home page's
   hero uses and puts the caption where `bottom` used to. The image and the
   veil are absolute and are not flex items, so they are untouched. */
.alv-ed .pathhero {
  position: relative;
  min-height: clamp(54vh, 66vh, 720px);
  display: flex;
  align-items: flex-end;
  overflow: hidden
}

/* THE ESTATE HAS ONE DISPLAY SIZE AND THIS IS NOW SET IN IT. It was
   `calc(clamp(42px, 6.4vw, 92px) * var(--fs-scale))` -- 110px at a desktop
   measure, against the 58px this page's OWN hero opens on, so the plate
   halfway down was set nearly twice the size of the title at the top of the
   page. It was also multiplied by `--fs-scale`, which the note beside
   `--fs-display` in main.css says display type is deliberately excluded from:
   that token exists precisely to end the drift of one page opening at a size
   nobody chose against the others, and this rule was an instance of it.

   The plate is a second hero rather than a bigger one, so it takes the hero's
   size. The treatment stays its own -- weight 500, mixed case and .01em
   tracking, against the hero's 600 uppercase at .08em -- because this is a
   titled plate and not the brand mark. */
.alv-ed .pathhero .ph-title {
  font-family: var(--word);
  font-weight: 500;
  font-size: var(--fs-display);
  color: var(--cream);
  line-height: 1;
  margin: 0;
  letter-spacing: .01em
}

.alv-ed .pathhero .ph-rule {
  width: 84px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  margin: clamp(16px, 2vw, 26px) auto
}

.alv-ed .pathhero .ph-lede {
  font-family: var(--body);
  font-size: calc(clamp(15px, 1.5vw, 18px) * var(--fs-scale));
  line-height: calc(1.6 * var(--lh-scale));
  color: rgba(242, 237, 224, .9);
  max-width: 56ch;
  margin: clamp(14px, 1.8vw, 22px) auto 0
}


/* In the flow now, as the rule above records, and the two ends are the same.
   The bottom value is the `bottom` offset the caption used to be given when it
   was absolute; the top was briefly larger, on the reasoning that it is what
   the plate grows by when the caption outruns the min-height and a title
   against the upper edge wants air over it. That is true and it was still
   wrong: the plate is a band with a caption centred in it, and a band padded
   96px at the head and 44px at the foot reads as a caption that has slipped,
   not as one deliberately set low. One value at both ends, and the growth case
   takes it too. */
.alv-ed .pathhero .ph-cap {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 2;
  padding: clamp(22px, 3.6vh, 44px) 24px
}


/* (7) sub-feature heading matches section-title scale exactly */.alv-ed .carminho-head .cn2 {
  font-family: var(--word);
  font-size: clamp(30px, 3.4vw, 46px) !important;
  color: var(--ink);
  display: block;
  line-height: 1.05;
  margin-top: 12px;
  white-space: nowrap
}

.alv-ed .carminho-head .ck2 {
  font-family: var(--word);
  font-size: 20px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #8a6a1a;
  display: block;
  margin-bottom: 2px
}


/* (9) record label proportion + tighter rows */.alv-ed .reclist .rl-h,
.alv-ed .reclist-ink .rl-h {
  display: block;
  color: #8a6a1a !important;
  padding: 0 0 12px;
  margin-bottom: 6px !important;
  border-bottom: 1px solid var(--gold);
  padding-bottom: 10px !important
}

.alv-ed .reclist li,
.alv-ed .reclist-ink li {
  transition: background .22s, color .22s, box-shadow .22s;
  background: none !important;
  border-bottom: 1px solid var(--paper-rule) !important;
  box-shadow: none !important;
  padding: 9px 4px;
  font-size: var(--fs-note);
  line-height: 1.5 !important
}


/* ================= v13 ================= */


/* headings byte-identical to section titles (same font, weight, size) */
/* faint seal breaks up the Carminho gap */.alv-ed .paper-seal.ps-mid {
  opacity: .06;
  width: min(40vw, 480px)
}


.alv-ed .pathhero .ph-sub {
  font-family: var(--body);
  /* font-style: italic; */
  font-size: clamp(19px, 2vw, 26px) !important;
  color: var(--gold-soft);
  margin: 0
}


/* let it run longer & sit lower */
/* ================= v18 · close rebuilt to spec ================= */


/* paragraphs — the SITE body font (EB Garamond), same size, WIDE measure so it's short not tall */


/* "The Alvará Fellows" is the heading; "Carried Forward" the small eyebrow above it */

/* seal bigger */

/* keep the whole thing low; wide+short means more photo shows above it */


/* Magazine editorial flow (image floats under heading; text wraps then runs full width) */
/* Continuous editorial flow: two images float within one text column */.alv-ed #lusitano .figblock.around {
  display: block;
  margin-top: clamp(26px, 3.2vw, 48px)
}

.alv-ed #lusitano .figblock.around>.htx {
  display: block
}

.alv-ed #lusitano .figblock.around .body {
  max-width: none
}


/* The gap under a floated figure, tighter here than the shared 22px. Guarded
   above the collapse: it carries an id, so below 820px it would out-specify
   the shared collapse's own `margin: 0 0 clamp(18px, 3vw, 26px)` and this
   section's stacked figures would sit 4px closer to their prose than every
   other stacked figure on the estate. */@media (min-width:821px) {

  .alv-ed #lusitano .figblock.around .hph {
    margin-bottom: clamp(14px, 1.6vw, 22px)
  }
}


/* The width, the float and the gutter are all the shared setting's now -- this
   section set its own width on both hands, 43% on the right and 35% on the
   left, so the two Lusitanos were 454px and 370px against the 475px every
   other float on the page takes: three measures in one page and two of them
   inside one section.

   The float and the gutter went the same way, and later: what stood here was
   `float:right; margin-left:clamp(34px,4vw,62px)` and its left-hand twin four
   hundred lines below, both byte-identical to the rules in the shared sheet
   they were copied from. The copies were not harmless. Carrying an id they
   out-specified the shared collapse, so this section needed a collapse of its
   own -- and the left-hand float, written below that collapse at the same
   specificity, then beat it on source order and #lusitano went on floating at
   390px with its opening paragraph squeezed into a nought-wide strip off the
   right-hand edge. Removing all three leaves the shared float, the shared
   gutter and the shared collapse, which is what every other magazine figure
   on the estate gets. */.alv-ed #lusitano .figblock.around::after {
  content: "";
  display: block;
  clear: both
}


/* --- Horses: clean two-movement flow, second movement gets a drop cap --- */.alv-ed .mf-clear {
  clear: both;
  height: 0
}

.alv-ed #lusitano .figblock.around .body>p.mf-lead2::first-letter {
  font-family: var(--word);
  font-weight: 500;
  float: left;
  font-size: 3.5em;
  line-height: .7;
  padding: 8px 14px 0 0;
  color: var(--gold)
}

.alv-ed #lusitano .figblock.around .mf-clear+.hph.fig-right {
  margin-top: clamp(4px, .6vw, 10px)
}


/* Ink, size and face are the central quote rule's, in main.css. What is left
   here is the rule down the quote's left edge — and `.qlay .pull` is no
   longer one of them: the editorial pull quote is the corner mark now, which
   has no left rule at all. See the component in alvara-editorial.css. */.alv-ed .bc-pull,
.alv-ed .fc-sign .fc-q {
  border-left-color: var(--gold)
}


.alv-ed .wrap,
.alv-ed .pathhero {
  position: relative;
  z-index: 1
}

.alv-ed #lusitano .figblock.around .body>p.mf-lead2 {
  clear: none
}


.alv-ed .sec.green .wrap {
  position: relative;
  z-index: 1
}

.alv-ed .founders-sec .fbg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(18, 40, 26, .95), rgba(12, 30, 19, .9) 30%, rgba(12, 30, 19, .92));
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27200%27%20height%3D%27200%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.9%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27/%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27/%3E%3C/filter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23n%29%27%20opacity%3D%270.5%27/%3E%3C/svg%3E"), radial-gradient(rgba(242, 237, 224, .06) 1px, transparent 1px), linear-gradient(180deg, rgba(15, 36, 23, .85), rgba(12, 30, 19, .92));
  background-size: 200px 200px, 3px 3px, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-blend-mode: soft-light, normal, normal
}


/* The three animations this page's rules name. `nodepulse` came with them in
   the mockup and nothing references it any more; it is dropped with the rest of
   the unreachable layers rather than kept in case. */@keyframes famshim {
  to {
    background-position: 200% center
  }
}


/* Lifted out of `.alv-ed .vol` in the shared sheet when the volume wrapper was
   removed. `.vol` existed to scope exactly these two things to this page and
   the other volume page, and this sheet is only loaded here -- so the scope is
   the sheet now, and there is no wrapper element to carry it. */

/* The plate's copy (`.cband` · `.cb-in` · `.cbq` · `.cbr`) was set here and is
   in alvara-editorial.css now: the College carries three of these plates and
   was drawing them with a private copy of the component called `.curband`.
   Five of the estate's six plates want this arrangement, so it is the
   component and the Residencies' `section.cband.fulllen` is the variant. */


/* ==========================================================================
   THE FELLOWSHIP BEYOND PORTUGAL · FELLOWSHIP CANDIDATES
   Added August 2026 with the Fellows rebuild. Everything else on the page is
   the shared sheet's or was already here.
   ========================================================================== */

/* A strand head: the section-head component used by The Founding Fellows,
   given the spacing that makes it read as a new strand starting rather than
   as a caption on the card above it. The padding is the whole of it -- there
   is no colour, no rule and no ornament, because at that point the page has
   already spent a full-bleed photograph on the break.

   IT TAKES THE ESTATE'S SECTION RHYTHM RATHER THAN A NUMBER OF ITS OWN. A
   strand is doing a section's job -- the note above `founders-sec` in the
   template records that these two heads are why §5 to §9 are one section
   rather than four -- so the space it opens should be the space a section
   opens, and `clamp(30px, 4vw, 58px)` is `.sec.tight`'s own, which is what
   every section on this page carries.

   It was a flat 64px, and a flat number is only ever right at one width. It
   read close enough on a desktop, where the sections it stands among open at
   57.6px; on a telephone those close to 30px and the strand stayed at 64,
   so the one break on the page that is NOT a section break was more than
   twice the size of the ones that are. */
.alv-ed .strand {
  padding: clamp(30px, 4vw, 58px) 0 8px;
  margin: 0 0 18px
}

/* The Candidates' head stands further off than the Fellow's above it: that is a
   Fellow's competition record, which ends on a hairline rule and needs more
   air beneath it than a photograph does. It scales with the rule above rather
   than holding its old flat 78px -- the whole of this rule is that it is
   larger than the strand's, which a fixed number stops being the moment the
   strand's own value moves. */
.alv-ed .strand.strand-cand {
  padding-top: clamp(38px, 5vw, 72px)
}

/* Its paragraph runs the WHOLE MEASURE, where `.body`'s standing 74ch holds
   every other passage on the estate to a column. This one is not a passage: it
   is the section's own note, the one thing between a Fellow's record above and
   a Candidate's card below, and both of those run edge to edge. Set at 74ch it
   stopped two-thirds of the way across with the rule over it running the full
   width -- a paragraph indented from nothing, which reads as a caption on the
   heading rather than as the section speaking.

   The strand ABOVE it is deliberately not given this: that one introduces a
   single Fellow's card, which is itself a column, so the measure is what it
   should be there. */
.alv-ed .strand.strand-cand .body {
  max-width: none
}


/* A Candidate is not a Fellow, and the card says so without saying so. Three
   differences, and each is deliberate:

     - the photograph is a 4:3 LANDSCAPE capped at 380px, against the Fellow's
       4:5 portrait at 45% of the measure;
     - the name is a step down the same ladder -- clamp(24px, 2.2vw, 30px)
       against the Fellow's clamp(30px, 3.4vw, 46px). The build document asked
       for a flat 1.55rem, which is right at a desktop measure and wrong at the
       collapse: held at 24.8px while the Fellow's name falls to 30px, the two
       arrive within five pixels of each other at exactly the width where the
       cards stack and the comparison is most direct;
     - there is NO `.cr` element at all. The country line takes its place and
       is deliberately not gold: `.cr` is the FACWE credential, and a Candidate
       has not got one.

   Two of the build document's values are the estate's here rather than its
   own. The rule's `rgba(198,155,62,.28)` is `--gold-line` to within four
   points of a channel, and one more literal copy of the gold is how the
   palette drifted into nine `:root` blocks before; and the note's
   `-apple-system, Segoe UI, sans-serif` would put a THIRD face on an estate
   that loads two, for one word. */
.alv-ed .cand-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 58px 48px;
  margin-top: 38px
}

/* A column, so `.cand-rec`'s `margin-top:auto` can push the record to the
   foot of the card. Two biographies are never the same length and two records
   starting at two different heights read as two cards nobody set; the cost is
   a little air above the shorter one's rule, which is the quieter fault. */
.alv-ed .cand {
  display: flex;
  flex-direction: column
}

.alv-ed .cand .cand-fig {
  margin: 0 0 20px
}

.alv-ed .cand .cand-fig .pf {
  max-width: 380px
}

/* 4:5, which is `.figblock .hph img`'s -- the estate's portrait, and the shape
   of every Fellow's photograph above. It was 4:3, on the reasoning that a
   landscape against the Fellows' portraits is one more thing the card can say
   without saying it. That reasoning does not survive the page: a lone 4:3
   picture among five 4:5 ones does not read as a rank being marked, it reads
   as a picture nobody set -- the same argument the note over `.figblock .hph
   img` makes about ten pictures at six ratios, met again with one. The card
   makes its distinction in the name, the country line, the missing `.cr`, the
   absent drop cap and the float's width; it does not need to make it twice, and
   the one time it made it in the picture was the time it was read wrong. */
.alv-ed .cand .cand-fig img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
  filter: saturate(.8)
}

.alv-ed .cand .kick {
  display: block;
  margin-bottom: 6px
}

.alv-ed .cand h3.nm {
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1.05;
  margin: 0 0 6px
}

.alv-ed .cand .cand-note {
  font-family: var(--word);
  font-size: var(--fs-eyebrow);
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #7E9686;
  margin: 0 0 16px
}

/* The biography is `.body`, the estate's settled prose, and it opens on a
   plain <p> rather than on `lede-main lede-sml`. Every other passage on the
   estate opens on that pair and this one deliberately does not: what
   `lede-main` draws is the drop cap, and on this page the drop cap is a
   Fellow's mark -- every Fellow has one, and a Candidate should not. It is one more difference the card can make without
   saying anything. */
.alv-ed .cand .cand-bio {
  margin: 0 0 20px
}

/* The record takes `.reclist` for its face, its year column and its ink, so
   what is left here is only what a Candidate's differs in: a hairline over it
   instead of the Fellow's panel, and a rule under each line. The head has to
   be given its gold back -- `.reclist .rl-h` sets the face and the tracking,
   and the colour comes from `.record-grand`, which is the panel a Candidate
   does not get.

   ONE column here, and two where the card has the whole measure -- see the
   `:only-child` block at the foot of this file. The single column is right for
   the two-up pair, a card being half the measure there and two columns inside
   it being two columns of about twenty-five characters; it was wrong for the
   lone Candidate, where the same rule set seven lines across 1050px with a
   52px year column and made the record read as a different component from
   Márcio's directly above it -- which is the one comparison a reader of this
   section actually makes. So it follows the card rather than the viewport,
   which is also why it is not simply `.record-grand.cols`'s 820px collapse. */
.alv-ed .cand .cand-rec {
  border-top: 1px solid var(--gold-line);
  padding-top: 14px;
  margin-top: auto
}

.alv-ed .cand .cand-rec .rl-h {
  display: block;
  color: var(--gold);
  margin-bottom: 9px
}

.alv-ed .cand .cand-rec li {
  grid-template-columns: 52px 1fr;
  gap: 10px;
  padding: 7px 0;
  font-size: var(--fs-ui);
  border-bottom: 1px solid var(--ground-hair)
}


/* A LONE Candidate is FLOATED INTO the measure, not set beside it.

   `:only-child` is the whole condition, so the section needs no hand-set
   modifier and nothing has to be remembered when a second Candidate is
   written: two cards go back to the pair above on their own. A card left in
   the left-hand column with an empty half beside it reads as a page waiting
   for something that has not arrived.

   It is the estate's `.figblock.around` -- the magazine setting, which is
   what makes a long run of prose read as an article rather than a slideshow
   -- rather than `.figblock.beside`, and the difference is the whole reason
   this rule exists. Beside, the card is two columns: a photograph in one and
   a column of prose in the other, which is the FELLOW'S setting and looks
   like a Fellow's card. Around, the prose closes over the picture and the
   record runs the full measure beneath it, which is a passage of an article
   with a photograph in it. One Candidate should read as the second, and the
   left-hand column of air under a short landscape photograph is what settled
   it: beside, the card is mostly empty.

   The declarations are `.figblock.around`'s own -- the float, the estate's
   `clamp(34px, 4vw, 62px)` gutter, the clearfix -- rather than the class,
   because a `.cand` is not a `.figblock`: it has no `.htx` and no `.hph`, its
   photograph carries the corner marks, and adopting the component would mean
   rewriting the card's markup to suit a rule that is four lines long.

   The photograph goes RIGHT. Every figure in the section above it is a
   Fellow's, and the last of them is set left; a Candidate arriving on the
   same hand would read as one more of the same run.

   `.cand` gives up `display: flex` here, floats not being a thing a flex item
   does. `.cand-rec`'s `margin-top:auto` goes quiet with it, which costs
   nothing: it exists to hold two cards' records level with each other, and
   there is one card.

   Where `:has()` is not understood the card stays in the left-hand column at
   its own width -- the two-up setting with one card in it, and a fair
   fallback. */
@media (min-width:861px) {

  .alv-ed .cand-grid:has(> .cand:only-child) {
    grid-template-columns: 1fr
  }

  .alv-ed .cand-grid:has(> .cand:only-child) > .cand {
    display: block
  }

  .alv-ed .cand-grid:has(> .cand:only-child) > .cand::after {
    content: "";
    display: block;
    clear: both
  }

  /* Narrower than `.figblock.around`'s `clamp(340px, 45%, 548px)`, and
     deliberately: a Candidate's photograph is the smaller one, and 45% of the
     measure would put it past the 380px the design set for it in the pair.

     This is now the ONLY difference in the picture -- the shape is the
     Fellows' 4:5 and the asset is the estate's three rungs -- so it is
     carrying the distinction the ratio used to carry with it, and is why the
     cap stays at 400 rather than following the asset up. The file is 1066px
     wide, so 400 CSS pixels is a 2.6x image and there is no honesty argument
     left in the number; there is a composition one. */
  .alv-ed .cand-grid:has(> .cand:only-child) > .cand > .cand-fig {
    float: right;
    width: clamp(320px, 38%, 400px);
    margin: 4px 0 clamp(14px, 1.6vw, 22px) clamp(34px, 4vw, 62px)
  }

  /* The cap is the pair's, where two photographs share the measure. Here the
     float's own width is the cap. */
  .alv-ed .cand-grid:has(> .cand:only-child) > .cand .cand-fig .pf {
    max-width: none
  }

  /* And the record takes two columns, which is the setting every other record
     on the page uses -- `.record-grand.cols`'s own, gutter included. It is
     here rather than on `.cand-rec` because what decides it is the CARD's
     width and not the viewport's: this is the one arrangement in which a
     Candidate's card has the whole measure, and a second Candidate takes it
     away again by making the grid a pair. Seven lines set across 1050px with a
     52px year column is not the Fellow's record with a hairline over it, which
     is what this component is. */
  .alv-ed .cand-grid:has(> .cand:only-child) > .cand .cand-rec ul {
    columns: 2;
    column-gap: clamp(34px, 4.4vw, 68px)
  }

  .alv-ed .cand-grid:has(> .cand:only-child) > .cand .cand-rec li {
    break-inside: avoid
  }
}

/* One-up at 860px, which is the build document's breakpoint and NOT the
   shared sheet's 900px collapse for `.figblock.beside`. The two are different
   components with different content: a Fellow's card is a photograph beside a
   column of prose and gives up at 900, while two Candidate cards side by side
   are two whole cards and hold a while longer. */
@media (max-width:860px) {

  .alv-ed .cand-grid {
    grid-template-columns: 1fr;
    gap: 46px
  }
}


/* THE PATH TO FELLOWSHIP — the plate carries the section on its own now.

   `.ph-pull` is the one line kept from the deleted Six Standards component.
   It is not `.qlay > .pull`: that pair sets a pull quote inside a `.wrap` on
   a flat ground, and this is a centred caption over a photograph, where the
   quote marks and the left rule that component draws would have nothing to
   sit against. */
.alv-ed .pathhero .ph-pull {
  font-family: var(--word);
  font-weight: 500;
  font-size: calc(clamp(17px, 1.8vw, 22px) * var(--fs-scale));
  line-height: calc(1.45 * var(--lh-scale));
  color: var(--gold-soft);
  max-width: 44ch;
  margin: clamp(20px, 2.6vw, 32px) auto 0
}

.alv-ed .pathhero .ph-cta {
  margin: clamp(22px, 2.8vw, 34px) auto 0
}