/* =====================================================================
   WILDLIFE THEME
   ---------------------------------------------------------------------
   Mood: calm, earthy, editorial — a nature print magazine.
   Type: Fraunces (a soft, optical serif) for display; Spectral for body.
   Palette: a cool eucalyptus "paper", deep spruce ink, pine-green accent,
   and a single antique-gold detail colour. Deliberately NOT the usual
   cream + terracotta cliché — the whites lean green-grey, not warm beige,
   and the accent is a forest green rather than clay.
   Motion: slow, generous fades. Lots of whitespace.
   ===================================================================== */

.theme-wildlife {
    --bg:        #e7ebe1;   /* pale eucalyptus paper */
    --bg-2:      #dde2d5;
    --fg:        #1d231b;   /* deep spruce, almost black */
    --fg-soft:   #454d40;
    --accent:    #3a5a40;   /* pine green */
    --accent-2:  #9c7a33;   /* muted antique gold, used sparingly */
    --rule:      rgba(29,35,27,0.14);

    --chrome-bg: rgba(231,235,225,0.82);
    --tile-bg:   #d4d9ca;
    --lightbox-bg: rgba(24,28,22,0.95);

    --font-display: "Fraunces", Georgia, "Times New Roman", serif;
    --font-body:    "Spectral", Georgia, serif;
    --font-ui:      "Spectral", Georgia, serif;

    --case-ui:  none;
    --track-ui: 0.02em;

    /* Spacious, unhurried grid. */
    --cols: 3;
    --cols-md: 2;
    --cols-sm: 1;
    --gap: clamp(1rem, 2.5vw, 2rem);
    --radius: 2px;
    --tile-ratio: 4 / 5;
    --tile-zoom: 1.045;
    --tile-motion: 900ms;      /* slow, painterly zoom */
    --caption-rest: 0;         /* captions appear on hover */
    --motion: 520ms;           /* slow fades everywhere */
}

.theme-wildlife body { background: var(--bg); }

/* Display type: large, light-weight, optically warm serif. */
.theme-wildlife .portfolio-title {
    font-weight: 300;
    font-size: clamp(2.75rem, 8vw, 6rem);
    line-height: 0.98;
    letter-spacing: -0.01em;
    color: var(--fg);
}
.theme-wildlife .portfolio-lede {
    font-size: clamp(1.05rem, 1.6vw, 1.3rem);
    font-weight: 300;
    line-height: 1.7;
}
.theme-wildlife .portfolio-kicker { color: var(--accent); }

/* A thin gold hairline under the intro, like a magazine rule. */
.theme-wildlife .portfolio-intro {
    border-bottom: 1px solid var(--rule);
    padding-bottom: clamp(1.5rem, 4vw, 3rem);
}

/* Header wordmark in the switch reads as small caps-ish serif. */
.theme-wildlife .site-switch-current,
.theme-wildlife .site-switch-other { font-variant: small-caps; letter-spacing: 0.06em; }

/* Captions: understated, serif, lower-left. */
.theme-wildlife .gallery-caption {
    font-style: italic;
    font-size: 0.9rem;
    letter-spacing: 0;
}

/* (Photos now display at their own natural aspect ratio, uncropped, so there
   are no forced "hero" tiles — every image is shown in full.) */