@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-opsz-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-opsz-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  --uf-blue:#0021A5;
  --uf-blue-deep:#00156e;
  --uf-orange:#FA4616;
  --foam:#ffffff;
  --cream:#f7f6f3;
  --ink:#14161c;
  --ink-soft:#3e4452;
  --line:rgba(20,22,28,.14);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  background:var(--cream);
  color:var(--ink);
  font-family:var(--serif);
  font-size:19px;
  line-height:1.55;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  border-top:4px solid var(--uf-orange);
}
::selection{background:#ffd0be;color:var(--ink)}
:focus-visible{outline:2px solid var(--uf-blue);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:10px;background:var(--uf-blue);color:#fff;padding:8px 12px;z-index:9}
.skip:focus{left:10px}

.identity{background:var(--uf-blue);color:#fff}
.identity-inner{
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  display:flex;
  flex-direction:column;
  padding:16px 0 10px;
}
.id-top,.id-nav{padding-left:16px;padding-right:16px}
.identity :focus-visible{outline-color:#fff}
.eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#fff;
}
.eyebrow::before{content:"";width:16px;height:3px;background:var(--uf-orange);flex:none}
.id-copy h1{
  margin:0;
  font-weight:500;
  font-style:italic;
  font-size:30px;
  line-height:.88;
  letter-spacing:-.04em;
}
.id-copy h1 span{display:block}
.places{
  display:flex;
  flex-wrap:wrap;
  gap:4px 0;
  margin:14px 0 0;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
}
.places span:not(:last-child)::after{content:"·";margin:0 .45em;color:rgba(255,255,255,.55)}

.portrait{margin:12px 0 0}
.portrait img{
  display:block;
  width:68px;
  height:68px;
  border-radius:50%;
  object-fit:cover;
  object-position:center 22%;
  background:var(--uf-blue);
}

.gator{
  position:relative;
  flex:1 1 auto;
  min-height:120px;
  min-width:0;
  margin:14px 0 0;
  overflow:hidden;
}
.gator picture{position:absolute;inset:0}
.gator img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
}
.gator::before,.gator::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:28%;
  pointer-events:none;
  z-index:1;
}
.gator::before{top:0;background:linear-gradient(to bottom,#0021A5 0%,rgba(0,33,165,0) 100%)}
.gator::after{bottom:0;background:linear-gradient(to top,#0021A5 0%,rgba(0,33,165,0) 100%)}

.id-nav{margin-top:0;padding-top:10px}
.id-nav a{
  display:block;
  padding:5px 0;
  border-top:1px solid rgba(255,255,255,.22);
  color:#fff;
  text-decoration:none;
}
.id-nav a:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
.id-nav a span{
  display:block;
  font-style:italic;
  font-size:17px;
  letter-spacing:-.01em;
  line-height:1.15;
}
.id-nav a small{
  display:block;
  margin-top:2px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.03em;
  line-height:1.35;
  color:rgba(255,255,255,.82);
}
.id-nav a:hover span{text-decoration:underline;text-decoration-color:var(--uf-orange);text-underline-offset:3px}

.essay{padding:60px 72px 88px 56px}
.essay-inner{width:min(760px,100%)}
.dek{
  margin:0;
  font-style:italic;
  font-size:clamp(24px,2.6vw,32px);
  font-weight:450;
  line-height:1.25;
  letter-spacing:-.015em;
}
.essay p{margin:0 0 1em}
.essay h2{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin:2em 0 .5em;
  font-weight:500;
  font-style:italic;
  font-size:clamp(34px,4vw,48px);
  letter-spacing:-.025em;
  line-height:1.05;
}
.essay h2 .num{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--mono);
  font-style:normal;
  font-weight:500;
  font-size:13px;
  letter-spacing:.18em;
  line-height:1;
  color:var(--uf-blue);
}
.essay h2 .num::after{content:"";width:28px;height:2px;background:var(--uf-orange)}
.essay h2 .h-text{display:block}
#from-h{margin-top:48px}
.essay a{color:var(--uf-blue);text-underline-offset:3px}
.essay a:hover{color:var(--uf-blue-deep)}
.plate,.set{margin:28px 0 6px}
.plate img{display:block;width:100%;height:auto}
.figcap{
  display:flex;
  gap:12px;
  align-items:baseline;
  margin:0;
  padding-top:8px;
  border-top:1px solid var(--line);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.figcap span{color:var(--uf-blue);letter-spacing:.14em;flex:none}
.cast,.mosaic{display:grid;gap:12px;align-items:stretch}
.cast{grid-template-columns:1.4fr 1fr}
.mosaic{grid-template-columns:1.15fr 1fr}
.cast picture,.mosaic picture,.stack picture{display:block;min-width:0;overflow:hidden}
.cast .lead img,.mosaic .tall img,.band img{display:block;width:100%;height:auto;object-fit:cover}
.cast .lead img{aspect-ratio:4/5;object-position:center 58%}
.mosaic .tall img{aspect-ratio:3/4;object-position:center 40%}
.stack{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0;height:100%}
.stack picture{position:relative;min-height:0;height:100%}
.stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cast .stack picture:first-child img{object-position:center 62%}
.cast .stack picture:last-child img{object-position:center 12%}
.mosaic .stack picture:first-child img{object-position:center 40%}
.mosaic .stack picture:last-child img{object-position:center 48%}
.band{margin:12px 0 0}
.band img{aspect-ratio:3/2;object-position:center 55%}
.set-caps{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:8px 12px;
  margin-top:8px;
}
.set-caps .figcap:nth-child(1){grid-column:1;grid-row:1 / span 2;align-self:start}
.mosaic-caps{grid-template-columns:1.15fr 1fr}
.mosaic-caps .figcap:nth-child(4){grid-column:1 / -1;grid-row:auto}

.career-band{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 20px;
  margin:28px 0 8px;
  padding:20px 22px 18px;
  background:var(--uf-blue);
  color:#fff;
  text-decoration:none;
  border-top:3px solid var(--uf-orange);
}
.career-band:hover{background:var(--uf-blue-deep)}
.career-kicker{
  grid-column:1;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.86);
}
.career-title{
  grid-column:1;
  font-style:italic;
  font-size:clamp(28px,3.2vw,40px);
  letter-spacing:-.02em;
  line-height:1.05;
  color:#fff;
}
.career-go{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  font-family:var(--mono);
  font-size:13px;
  color:#fff;
}
.career-where{
  grid-column:1 / -1;
  margin-top:6px;
  font-family:var(--mono);
  font-size:11.5px;
  color:rgba(255,255,255,.82);
}
.essay a.career-band,.essay a.career-band:hover{color:#fff;text-decoration:none}

.ventures{margin:8px 0 4px}
.venture{
  display:block;
  padding:16px 0 18px;
  border-top:1px solid var(--line);
  color:inherit;
  text-decoration:none;
}
.venture:last-child{border-bottom:1px solid var(--line)}
.essay a.venture,.essay a.venture:hover{color:inherit;text-decoration:none}
.v-name{
  display:block;
  font-style:italic;
  font-size:clamp(32px,4vw,42px);
  letter-spacing:-.02em;
  line-height:1;
  color:var(--ink);
}
.venture:hover .v-name{color:var(--uf-blue)}
.v-what{display:block;margin-top:8px;max-width:52ch;color:var(--ink-soft)}

.slot{
  margin:0 0 14px;
  padding:2px 0 2px 14px;
  border-left:3px solid var(--uf-orange);
}
.slot .kicker{
  margin:0 0 4px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--uf-blue);
}
.slot p:last-child{margin:0;font-style:italic;color:var(--ink-soft)}

.write-mail{margin:8px 0 0}
.write-mail a{
  font-style:italic;
  font-size:clamp(32px,4.4vw,52px);
  letter-spacing:-.02em;
  line-height:1.1;
  color:var(--ink);
  text-decoration-color:var(--uf-orange);
  text-decoration-thickness:2px;
  text-underline-offset:7px;
}
.essay a.write-mail,.essay .write-mail a:hover{color:var(--ink)}

.colophon{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:48px;
  padding-top:16px;
  border-top:1px solid var(--line);
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.colophon a{color:var(--ink-soft);text-decoration:none}
.colophon a:hover{color:var(--uf-blue)}

@media (max-width:900px){
  body{display:block}
  .identity-inner{
    position:relative;
    height:auto;
    overflow:visible;
    padding:14px 20px 0;
  }
  .id-top,.id-nav{padding-left:0;padding-right:0}
  .id-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) 64px;
    align-items:center;
    column-gap:14px;
  }
  .id-copy h1{font-size:34px;line-height:.9}
  .places{margin-top:8px}
  .portrait{margin:0}
  .portrait img{width:64px;height:64px}
  .id-nav{
    display:flex;
    flex-wrap:wrap;
    gap:2px 16px;
    margin:10px 0 0;
    padding:8px 0 0;
    border-top:1px solid rgba(255,255,255,.22);
  }
  .id-nav a{border:0;padding:2px 0}
  .id-nav a:last-child{border:0}
  .id-nav a span{font-size:16px}
  .id-nav a small{display:none}
  .gator{
    flex:none;
    height:108px;
    min-height:0;
    margin:12px -20px 0;
  }
  .gator img{object-position:center 46%}
  .gator::before,.gator::after{height:12%}
  .essay{padding:28px 20px 56px}
  .career-band{grid-template-columns:1fr}
  .career-go{grid-column:1;grid-row:auto;margin-top:8px}
  .cast,.mosaic{grid-template-columns:1fr}
  .stack{grid-template-rows:none;grid-template-columns:1fr 1fr;height:auto}
  .stack picture{aspect-ratio:1;height:auto}
  .stack img{position:static;aspect-ratio:1;height:auto}
  .band img{aspect-ratio:3/2}
  .set-caps,.mosaic-caps{grid-template-columns:1fr}
  .set-caps .figcap,.mosaic-caps .figcap{grid-column:auto;grid-row:auto}
}

@media (max-width:380px){
  .id-copy h1{font-size:30px}
  .places{font-size:10px;letter-spacing:.05em}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

@media print{
  body{display:block;background:#fff;color:#000;border:0}
  .identity{background:#fff;color:#000}
  .identity-inner{position:static;height:auto;overflow:visible;padding:0 0 16px}
  .id-nav a,.portrait figcaption,.eyebrow,.places{color:#333}
  .id-nav a{border-color:#ccc}
  .portrait img{background:#fff}
  .gator{display:none}
  .career-band{background:#fff;color:#000;border:1px solid #000}
  .career-title,.career-go,.career-kicker,.career-where{color:#000}
  .essay a,.write-mail a,.v-name{color:#000}
  .skip{display:none}
}