/* Featured Contributor page: a gradient page color made from the house background colors, with one
   large image that stays fixed in the window while the colors scroll beneath it. Photos and text sit
   above that image, like any other background.
   House colors (see memory: page background palette): tan, green, blue, burgundy. */
.fc-page{
  --fc-tan:#FDF9EE; --fc-green:#E4F0E8; --fc-blue:#E6EEF0; --fc-burgundy:#F0E4E8;
  --fc-globe-opacity:.5;              /* LOCKED by Kim 2026-10-17 */
  --fc-globe-size:min(96vmin,1000px); /* LOCKED by Kim 2026-10-17 */
  background:linear-gradient(180deg,
    var(--fc-tan) 0%,
    var(--fc-green) 26%,
    var(--fc-blue) 52%,
    var(--fc-burgundy) 78%,
    var(--fc-tan) 100%);
  min-height:100vh;
}
/* the floating layer: fixed to the window, behind everything, never catches a click */
.fc-globe{
  position:fixed; z-index:0; pointer-events:none;
  left:50%; top:50%; width:var(--fc-globe-size); aspect-ratio:1348/1338;
  transform:translate(-50%,-50%);
  background:url("photos/soulful-playground/globe.avif") center/contain no-repeat;
  opacity:var(--fc-globe-opacity);
}
.fc-page .food-shell{position:relative; z-index:1;}

.fc-eyebrow{font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-ink,#C0331A);margin:6px 0 4px;}
.fc-title{font-family:var(--display,'Anton'),sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(34px,6.2vw,80px);line-height:1;margin:0 0 26px;}
.fc-dek{font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;color:var(--ember-ink,#C0331A);font-size:clamp(15px,2vw,20px);line-height:1.25;margin:0 0 26px;}
.fc-prose p{font-family:var(--body-serif,Georgia,serif);font-size:18px;line-height:1.6;margin:0 0 16px;max-width:42rem;}

/* pictures over the floating layer */
.fc-fig{margin:30px 0;background:#fff;padding:10px 10px 12px;box-shadow:0 2px 0 rgba(3,3,3,.12),0 14px 34px rgba(3,3,3,.2);}
.fc-fig img{display:block;width:100%;height:auto;}
.fc-fig figcaption{font-family:var(--mono,'Space Mono'),monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-top:8px;color:rgba(3,3,3,.7);}
.fc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0;}
.fc-row .fc-fig{margin:0;}
@media (max-width:640px){ .fc-row{grid-template-columns:1fr;} }
.fc-quote{margin:34px 0;padding:6px 0 6px 18px;border-left:5px solid var(--ember,#FE4B0B);font-family:var(--display-heavy,'Archivo Black'),sans-serif;font-size:clamp(22px,3.4vw,34px);line-height:1.15;text-transform:uppercase;max-width:40rem;}
/* a paragraph or panel that must stay readable on top of the image can use this */
.fc-panel{background:rgba(253,249,238,.82);padding:16px 18px;max-width:42rem;}

/* the article: spoken lines, the italic sub-line, and a full-width band for the slideshow */
.fc-dek--italic{font-family:var(--body-serif,Georgia,serif);font-style:italic;text-transform:none;color:var(--ink,#030303);font-size:clamp(18px,2.2vw,22px);line-height:1.4;max-width:42rem;margin:0 0 28px;}
.fc-say{margin:22px 0;padding:2px 0 2px 16px;border-left:4px solid var(--ember,#FE4B0B);max-width:42rem;}
.fc-say p{font-family:var(--body-serif,Georgia,serif);font-style:italic;font-size:20px;line-height:1.45;margin:0;}
.fc-say strong{font-family:var(--mono,'Space Mono'),monospace;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-ink,#C0331A);margin-right:6px;}
.fc-wide{max-width:var(--spread-max-width,1200px);margin:0 auto;}

/* Letters sit proud of the background (Kim, 2026-10-17): a firm cream ring about 6 px wide around every letter, plus a short glow, so the text stands off the globe with a hard edge.
   Body text is made slightly heavier with a hairline dark stroke. No background panel: it would hide the globe. */
.fc-prose p,.fc-prose h3,.fc-title,.fc-eyebrow,.fc-say p,.fc-say strong{
  text-shadow:
    2.00px 0.00px 0.6px #FDF9EE,     1.41px 1.41px 0.6px #FDF9EE,     0.00px 2.00px 0.6px #FDF9EE,     -1.41px 1.41px 0.6px #FDF9EE,     -2.00px 0.00px 0.6px #FDF9EE,     -1.41px -1.41px 0.6px #FDF9EE,     -0.00px -2.00px 0.6px #FDF9EE,     1.41px -1.41px 0.6px #FDF9EE,     4.00px 0.00px 1.2px #FDF9EE,     3.46px 2.00px 1.2px #FDF9EE,     2.00px 3.46px 1.2px #FDF9EE,     0.00px 4.00px 1.2px #FDF9EE,     -2.00px 3.46px 1.2px #FDF9EE,     -3.46px 2.00px 1.2px #FDF9EE,     -4.00px 0.00px 1.2px #FDF9EE,     -3.46px -2.00px 1.2px #FDF9EE,     -2.00px -3.46px 1.2px #FDF9EE,     -0.00px -4.00px 1.2px #FDF9EE,     2.00px -3.46px 1.2px #FDF9EE,     3.46px -2.00px 1.2px #FDF9EE,     6.00px 0.00px 1.6px #FDF9EE,     5.54px 2.30px 1.6px #FDF9EE,     4.24px 4.24px 1.6px #FDF9EE,     2.30px 5.54px 1.6px #FDF9EE,     0.00px 6.00px 1.6px #FDF9EE,     -2.30px 5.54px 1.6px #FDF9EE,     -4.24px 4.24px 1.6px #FDF9EE,     -5.54px 2.30px 1.6px #FDF9EE,     -6.00px 0.00px 1.6px #FDF9EE,     -5.54px -2.30px 1.6px #FDF9EE,     -4.24px -4.24px 1.6px #FDF9EE,     -2.30px -5.54px 1.6px #FDF9EE,     -0.00px -6.00px 1.6px #FDF9EE,     2.30px -5.54px 1.6px #FDF9EE,     4.24px -4.24px 1.6px #FDF9EE,     5.54px -2.30px 1.6px #FDF9EE,     0 0 6px #FDF9EE,     0 0 12px rgba(253,249,238,.7),     0 0 20px rgba(253,249,238,.4);
}
.fc-prose p,.fc-say p{-webkit-text-stroke:.15px currentColor;}

.fc-prose p.fc-bold{font-size:21px;line-height:1.45;}
