/* Contributors archive (archive-contributor.php) styles — split out of the
   original templates/contributor.css bundle during the CSS modularization
   pass (Phase 1). Rules unchanged, only regrouped: this file holds every
   selector used on the Contributors *archive* page; the individual
   contributor *profile* page's rules moved to pages/contributor-profile.css.
   Reuses .hero-standalone, .feature/.feature-grid, .section-label,
   .archive-intro and .theme-filter-bar as-is from the global/layout files. */

/* WHY WE SAY "CONTRIBUTOR" — short by design: a giant, barely-there
   "?" sits behind the text as a single watermark (reusing the
   oversized-faint-type idea from .footer-word at a very different
   scale/opacity/purpose), with the actual copy — kicker, question,
   one-paragraph answer, italic closing line — kept to three short
   beats instead of a grid or a multi-step process. */
.contrib-why{background:var(--surface);padding:130px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden;}

.contrib-why-inner{position:relative;max-width:640px;}

.contrib-why-mark{position:absolute;top:-70px;left:-52px;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(220px,26vw,380px);line-height:1;color:var(--accent);opacity:.16;user-select:none;pointer-events:none;z-index:0;}

.contrib-why-question{position:relative;z-index:1;font-family:var(--sans);font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.3;color:var(--heading);letter-spacing:-0.01em;margin-top:20px;max-width:20ch;}

.contrib-why-question em{font-family:var(--serif);font-style:italic;font-weight:600;color:var(--accent);}

.contrib-why-answer{position:relative;z-index:1;font-family:var(--serif);font-size:17.5px;line-height:1.75;color:var(--body);margin-top:26px;max-width:56ch;}

.contrib-why-close{position:relative;z-index:1;display:flex;align-items:center;gap:12px;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--heading);margin-top:26px;}

.contrib-why-close .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}

/* INTRODUCTION — the "Some research. / Some build. ..." list, styled
   as a quiet stacked ledger rather than a bullet list, echoing
   .closing-lines' stacked rhythm without the full-bleed photo. */
.verb-list{list-style:none;margin:20px 0 4px;}

.verb-list li{font-family:var(--serif);font-size:15.5px;line-height:1.7;color:var(--body);}

.verb-list-close{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--heading);margin-top:10px;}

/* CONTRIBUTOR GRID — photograph leads, typography follows; no card
   border/shadow/radius, per the brief's "avoid excessive cards"
   direction. Two-up on desktop, one column on mobile. Photos are
   deliberately small and grayscale — a restrained editorial credit,
   not a hero image — and the entry runs as a row (photo + text side
   by side) rather than a tall stacked block. */
.contributors-section{padding:96px 0 40px;}

.contributors-grid-note{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--body);max-width:56ch;margin:14px 0 0;}

.contributors-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px;margin-top:56px;}

.contributor-entry{display:flex;gap:22px;align-items:flex-start;}

.contributor-photo{display:block;flex:0 0 132px;width:132px;aspect-ratio:4/5;overflow:hidden;background:var(--border);}

.contributor-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03);transition:transform 1s ease,filter .4s ease;}

.contributor-entry:hover .contributor-photo img{transform:scale(1.04);filter:grayscale(0.15) contrast(1.03);}

.contributor-text{flex:1;min-width:0;}

.contributor-role{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--nature);margin-bottom:6px;}

.contributor-name{font-family:var(--sans);font-weight:700;font-size:21px;color:var(--heading);letter-spacing:-0.01em;margin-bottom:10px;}

.contributor-desc{font-family:var(--serif);font-size:14.5px;line-height:1.6;color:var(--body);margin-bottom:12px;}

.contributor-interests{display:flex;flex-wrap:wrap;gap:6px 0;font-family:var(--sans);font-size:11.5px;color:#9a9d94;margin-bottom:14px;}

.contributor-interests span:not(:last-child)::after{content:'·';margin:0 7px;color:var(--border);}

.contributor-view{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--heading);display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,gap .2s ease;}

.contributor-view:hover{color:var(--accent);gap:10px;}

.contributors-editorial-note{font-family:var(--sans);font-size:13px;color:#9a9d94;max-width:64ch;margin:56px 0 0;padding-top:24px;border-top:1px solid var(--border);}

/* ONE PLACE, MANY LENSES — a full-width photo band with a restrained
   row of words beneath rather than text overlaid on the image, so the
   photograph stays legible and the words read as a caption/ledger. */
.lenses-section{padding:96px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

.lenses-title-centered{width:fit-content;margin:0 auto;text-align:center;max-width:20ch;}

.lenses-intro{font-family:var(--serif);font-size:17px;line-height:1.7;color:var(--body);max-width:60ch;margin:24px auto 0;text-align:center;}

.lenses-band{width:100%;aspect-ratio:21/8;overflow:hidden;background:var(--border);margin:56px 0;}

.lenses-band img{width:100%;height:100%;object-fit:cover;}

.lenses-words{display:flex;flex-wrap:wrap;justify-content:center;gap:0;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--heading);}

.lenses-words span{padding:0 22px;position:relative;}

.lenses-words span:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);}

.lenses-close{text-align:center;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--heading);margin-top:32px;}

@media (max-width:980px){
.contributors-grid{grid-template-columns:1fr;gap:36px;}
.lenses-band{aspect-ratio:16/9;}
.contrib-why{padding:88px 0;}
.contrib-why-mark{font-size:clamp(160px,32vw,300px);top:-30px;}
}

@media (max-width:620px){
.contributors-section{padding:64px 0 24px;}
.contributor-photo{flex-basis:96px;width:96px;}
.contributor-name{font-size:19px;}
.lenses-section{padding:64px 0;}
.lenses-words span{padding:6px 16px;}
.lenses-words span::after{display:none;}
.contrib-why{padding:72px 0;}
.contrib-why-mark{opacity:.14;font-size:clamp(120px,40vw,220px);top:-16px;left:-10px;}
.contrib-why-question{font-size:24px;max-width:none;}
}