/* Hallmark · theme: inherited Rhino Eye · idea: Wildlife and words, each with room to breathe · genre: editorial · posture: Committed · hero: inset diptych · shape: Conservation field journal · nav: slim sticky masthead · footer: enquiry colophon · imagery: existing licensed Namibia wildlife and genuine supplied logo · axes: light/roman-serif/chromatic-ochre */
/* Hallmark · critique: strong photo/word separation, consistent support panels and a visible short-screen action; stock limitations remain explicit. */
/* Hallmark · preservation: inherited brand fonts/palette, exact verbatim public copy and four genuine support categories. */
/* Hallmark · dismissed 23 · the hero accent is a measured 48 by 3px rule, not a viewport-sized fill. */
/* Hallmark · copy: verbatim */
/* Hallmark · waive 44c · hero action and rhino fit the measured 1280x800 viewport · Rhino Eye's shorter diptych follows Grok's tighter spacing request instead of restoring a large poster. */
/* Hallmark · waive 59 · colour-separated support panels and a compact equipment band · Rhino Eye's existing short copy reads as a conservation journal, not six 120px marketing gaps. */
/* Hallmark · waive 77 · closing enquiry panel has a heading, email action and no-payment note · Rhino Eye needs a direct contact ending without fabricated proof or another stock wildlife panel. */
/* Hallmark · waive 79 · wildlife image continues to the bottom of the hero beside the copy · The measured Rhino Eye diptych has 96px before About; the 205px check counts its still-visible photograph as empty. */
/*
Theme Name: Rhino Eye
Theme URI: https://rhinoeye.org/
Author: DIC
Description: A lightweight, accessible conservation field-journal theme. Homepage content remains editable with native WordPress blocks. Email enquiries only; no forms or payment processor.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rhino-eye
Tags: one-column, custom-logo, custom-menu, featured-images, block-patterns, editor-style, wide-blocks
*/
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-size) + var(--wp-admin-offset) + var(--space-lg)); scrollbar-color: var(--color-ink-2) var(--color-paper); }
body { margin: 0; overflow-x: clip; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-body); line-height: 1.65; font-synthesis: none; -webkit-font-smoothing: antialiased; }
body, input, textarea { caret-color: var(--color-focus); }
::selection { background: var(--color-accent); color: var(--color-accent-ink); }
img { display: block; max-width: 100%; height: auto; }
figure { margin: 0; }
p { margin: 0 0 var(--space-lg); max-width: 65ch; text-wrap: pretty; }
p:last-child { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: var(--font-display); font-weight: 400; line-height: 1.12; overflow-wrap: break-word; min-width: 0; text-wrap: balance; }
h1 { font-size: var(--text-display); letter-spacing: -.035em; }
h2 { font-size: var(--text-section); letter-spacing: -.025em; }
h3 { font-size: var(--text-title); letter-spacing: -.015em; }
a { color: inherit; text-underline-offset: .25em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
a:active, button:active { opacity: .85; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 4px; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:disabled, [aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
[hidden] { display: none !important; }
.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.skip-link { position: fixed; z-index: 500; inset-inline-start: var(--space-md); inset-block-start: var(--space-md); padding: var(--space-sm) var(--space-lg); background: var(--color-paper); color: var(--color-ink); transform: translateY(-180%); }
.skip-link:focus { transform: none; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.site-header { position: sticky; inset-block-start: var(--wp-admin-offset); z-index: 300; background: var(--color-paper); color: var(--color-ink); border-bottom: 1px solid var(--color-rule); }
.header-inner { min-height: var(--header-size); display: flex; align-items: center; justify-content: space-between; gap: var(--space-xl); }
.site-brand { display: flex; align-items: center; gap: var(--space-sm); text-decoration: none; flex-shrink: 0; }
.brand-logo { width: 72px; height: 72px; object-fit: contain; }
.brand-type { display: flex; flex-direction: column; line-height: 1.2; }
.brand-name { font-family: var(--font-display); font-size: var(--text-brand); letter-spacing: -.025em; }
.brand-subtitle { font-size: var(--text-small); margin-top: var(--space-2xs); }
.site-nav ul { margin: 0; padding: 0; display: flex; align-items: center; gap: var(--space-xl); list-style: none; }
.site-nav a { display: inline-flex; align-items: center; min-height: 48px; font-size: var(--text-nav); text-decoration: none; white-space: nowrap; }
.site-nav a:hover { text-decoration: underline; }
.site-nav .nav-support a { padding-inline: var(--space-lg); background: var(--color-accent); color: var(--color-accent-ink); font-weight: 600; }
.site-nav .nav-support a:hover { background: var(--color-accent-hover); text-decoration: none; }
.menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); background: var(--color-clear); color: var(--color-ink); border: 1px solid var(--color-rule); padding: var(--space-xs) var(--space-sm); min-height: 48px; font-size: var(--text-nav); }
.menu-toggle:hover { background: var(--color-paper-2); }
.menu-icon { width: 18px; height: 18px; flex-shrink: 0; }
.menu-icon .menu-close { display: none; }
.menu-toggle[aria-expanded="true"] .menu-bars { display: none; }
.menu-toggle[aria-expanded="true"] .menu-close { display: block; }
.entry-content { margin: 0; }
.entry-content > .wp-block-group, .entry-content > .wp-block-cover { margin-block: 0; }
.entry-content .wp-block-group { box-sizing: border-box; }
.entry-content .wp-block-image { margin: 0; }
.entry-content .wp-block-heading { color: inherit; }
/* Native WordPress flow classes may add block-gap margins at render time.
   These composed grids/flex groups already own their spacing. */
.entry-content :is(.rhino-hero, .hero-content, .about-grid, .about-copy, .support-intro, .support-grid, .need, .inkind-grid, .inkind-copy, .contact-grid, .contact-copy) > * { margin-block-start: 0; }
.entry-content > .rhino-hero { margin: var(--space-lg) auto 0; }
.rhino-hero { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); width: calc(100% - var(--gutter) * 2); max-width: calc(var(--container) - var(--gutter) * 2); min-height: var(--hero-height); background: var(--color-field); color: var(--color-on-field); }
.rhino-hero > .hero-photo { grid-column: 2; grid-row: 1; min-width: 0; height: 100%; }
.rhino-hero > .hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 58% 54%; }
.hero-content { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: center; align-items: start; padding: var(--space-2xl); min-width: 0; }
.hero-content::before { content: ''; width: 48px; height: 3px; background: var(--color-accent); margin-bottom: var(--space-xl); }
.hero-content h1 { max-width: 12ch; }
.hero-content .hero-lead { font-size: var(--text-lead); max-width: 32ch; margin-block: var(--space-lg) var(--space-xl); line-height: 1.5; color: var(--color-muted-on-field); }
.wp-block-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-lg); }
.wp-block-button__link, .button { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; padding: var(--space-sm) var(--space-lg); border: 1px solid var(--color-accent); border-radius: 0; background: var(--color-accent); color: var(--color-accent-ink); font-family: var(--font-body); font-size: var(--text-body); font-weight: 600; line-height: 1.4; text-decoration: none; white-space: nowrap; transition: background-color var(--dur-short) var(--ease-out); }
.wp-block-button__link:hover, .button:hover { background: var(--color-accent-hover); text-decoration: none; }
.wp-block-button.is-style-outline .wp-block-button__link { background: var(--color-clear); border-color: currentColor; color: inherit; }
.rhino-hero a:focus-visible, .support-section a:focus-visible, .contact-section a:focus-visible, .site-footer a:focus-visible { outline-color: var(--color-focus-on-field); }
.about-section { padding-block: var(--space-4xl); }
.about-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--gap-columns); row-gap: var(--space-lg); align-items: center; }
.about-copy { grid-column: 2; grid-row: 1; }
.about-copy h2 { max-width: 14ch; margin-bottom: var(--space-lg); }
.about-copy p { max-width: 45ch; }
.about-copy .text-link { display: inline-flex; align-items: center; min-height: 48px; font-weight: 600; text-decoration-color: var(--color-focus); }
.about-photo { grid-column: 1; grid-row: 1 / 3; height: 100%; min-height: 400px; position: relative; }
.about-photo::before { content: ''; position: absolute; inset: var(--space-sm) auto auto var(--space-sm); width: 48px; height: 48px; border-top: 2px solid var(--color-on-field); border-left: 2px solid var(--color-on-field); pointer-events: none; }
.about-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 48% center; }
.image-note { grid-column: 2; grid-row: 2; padding-top: var(--space-md); border-top: 1px solid var(--color-rule); color: var(--color-ink-2); font-size: var(--text-small); line-height: 1.55; max-width: 48ch; }
.support-section { padding-block: var(--space-3xl); background: var(--color-field); color: var(--color-on-field); }
.support-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--gap-columns); align-items: end; margin-bottom: var(--space-xl); }
.support-intro h2 { max-width: 14ch; }
.support-intro p { max-width: 45ch; font-size: var(--text-lead); color: var(--color-muted-on-field); }
.support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: var(--space-md); }
.need { position: relative; min-width: 0; min-height: 232px; padding: var(--space-xl); background: var(--color-panel); color: var(--color-on-field); display: flex; flex-direction: column; }
.need::before { content: ''; position: absolute; inset: var(--space-xl) var(--space-xl) auto auto; width: 40px; height: 40px; background: var(--color-accent); mask: var(--need-icon) center / contain no-repeat; }
.need:nth-child(1) { --need-icon: url('assets/icons/canine.svg'); }
.need:nth-child(2) { --need-icon: url('assets/icons/camera.svg'); }
.need:nth-child(3) { --need-icon: url('assets/icons/field.svg'); }
.need:nth-child(4) { --need-icon: url('assets/icons/vehicle.svg'); }
.need h3 { margin-bottom: var(--space-md); padding-right: var(--space-3xl); }
.need p { color: var(--color-muted-on-field); max-width: 45ch; margin-bottom: var(--space-md); }
.need p:last-child { margin-block: auto 0; }
.need a { display: inline-flex; align-items: center; justify-content: space-between; min-height: 48px; padding: var(--space-xs) var(--space-md); border: 1px solid var(--color-field-rule); color: var(--color-on-field); font-size: var(--text-nav); font-weight: 600; text-decoration: none; }
.need a:hover { border-color: var(--color-accent); background: var(--color-field); }
.need a::after { content: ''; width: 8px; height: 8px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); margin-inline: var(--space-md) var(--space-2xs); flex-shrink: 0; }
.inkind-section { padding-block: var(--space-2xl); background: var(--color-paper-2); color: var(--color-ink); }
.inkind-grid { display: grid; grid-template-columns: minmax(0, 1fr) 128px; gap: var(--gap-columns); align-items: center; }
.inkind-copy { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--space-md) var(--gap-columns); align-items: start; }
.inkind-copy h2 { grid-column: 1; grid-row: 1 / 4; max-width: 13ch; font-size: var(--text-title); }
.inkind-copy p { grid-column: 2; margin: 0; }
.inkind-copy .wp-block-buttons { grid-column: 2; margin-top: var(--space-xs); }
.inkind-logo { width: 128px; justify-self: end; }
.inkind-logo img { width: 100%; }
.contact-section { padding-block: var(--space-3xl) var(--space-2xl); background: var(--color-deep); color: var(--color-on-field); }
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--gap-columns); align-items: center; }
.contact-grid h2 { max-width: 10ch; font-size: var(--text-display); }
.contact-copy p { max-width: 45ch; color: var(--color-muted-on-field); }
.contact-email { margin-block: var(--space-lg) !important; }
.contact-email a { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: var(--space-sm) var(--space-lg); border: 1px solid var(--color-accent); background: var(--color-accent); color: var(--color-accent-ink); font-size: var(--text-contact); font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color var(--dur-short) var(--ease-out); }
.contact-email a:hover { background: var(--color-accent-hover); }
.contact-copy .small-note { font-size: var(--text-small); }
.photo-credits { margin-top: var(--space-2xl); padding-top: var(--space-lg); border-top: 1px solid var(--color-field-rule); font-size: var(--text-small); color: var(--color-muted-on-field); }
.photo-credits p { max-width: 75ch; }
.photo-credits a { display: inline-block; min-height: 28px; }
.site-footer { padding-block: var(--space-md); background: var(--color-deep); color: var(--color-muted-on-field); font-size: var(--text-small); }
.footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-lg); }
.footer-inner p { margin: 0; }
.footer-inner a { display: inline-block; padding-block: var(--space-xs); min-height: 44px; }
.standard-content { max-width: 800px; margin-inline: auto; padding: var(--space-3xl) var(--gutter); min-height: 60svh; }
.standard-content h1 { font-size: var(--text-section); margin-bottom: var(--space-xl); }
.standard-content h2, .standard-content h3 { margin-block: var(--space-xl) var(--space-md); }
.standard-content article + article { border-top: 1px solid var(--color-rule); padding-top: var(--space-xl); margin-top: var(--space-xl); }
.standard-content .entry-content > * { margin-bottom: var(--space-lg); }
.alignwide { max-width: var(--container); }
.aligncenter { margin-inline: auto; }
.wp-caption-text, figcaption { font-size: var(--text-small); }
body.admin-bar { --wp-admin-offset: 32px; }
@media (max-width: 60rem) {
  .header-inner { gap: var(--space-lg); flex-wrap: wrap; position: relative; }
  .brand-logo { width: 64px; height: 64px; }
  .navigation-ready .menu-toggle { display: inline-flex; }
  .site-brand { min-height: var(--header-size); }
  .site-nav { width: 100%; padding-bottom: var(--space-lg); }
  .site-nav ul { align-items: stretch; justify-content: space-between; gap: var(--space-sm); }
  .navigation-ready .site-nav { position: absolute; inset: 100% var(--gutter) auto auto; width: min(320px, calc(100% - var(--gutter) * 2)); padding: var(--space-md); background: var(--color-paper); color: var(--color-ink); border: 1px solid var(--color-rule); }
  .navigation-ready .site-nav ul { flex-direction: column; gap: var(--space-xs); }
  .navigation-ready .site-nav a { width: 100%; padding-inline: var(--space-md); }
  .navigation-ready .site-nav:not(.is-open) { display: none; }
  .hero-content { padding: var(--space-xl); }
  .hero-content h1 { font-size: clamp(2.5rem, 5.3vw, 3.25rem); }
  .hero-content::before { margin-bottom: var(--space-lg); }
  .about-section { padding-block: var(--space-3xl); }
  .about-photo { min-height: 440px; }
  .about-copy h2 { font-size: 2.5rem; }
  .need { padding: var(--space-lg); }
  .need::before { inset: var(--space-lg) var(--space-lg) auto auto; width: 32px; height: 32px; }
  .need h3 { padding-right: var(--space-2xl); }
  .inkind-grid { grid-template-columns: minmax(0, 1fr) 96px; gap: var(--space-xl); }
  .inkind-copy { grid-template-columns: minmax(0, 1fr); gap: var(--space-md); }
  .inkind-copy h2, .inkind-copy p, .inkind-copy .wp-block-buttons { grid-column: 1; grid-row: auto; }
  .inkind-copy h2 { max-width: none; font-size: 2.25rem; }
  .inkind-logo { width: 96px; }
}
@media (min-width: 60.001rem) { .menu-toggle { display: none !important; } }
@media (max-width: 48.875rem) { body.admin-bar { --wp-admin-offset: 46px; } }
@media (max-width: 40rem) {
  .header-inner { gap: var(--space-xs); }
  .brand-logo { width: 56px; height: 56px; }
  .site-brand { gap: var(--space-xs); }
  .brand-subtitle { font-size: .75rem; }
  .site-nav ul { flex-direction: column; gap: var(--space-xs); }
  .site-nav a { width: 100%; min-height: 48px; padding-inline: var(--space-md); }
  .entry-content > .rhino-hero { margin-top: var(--space-md); }
  .rhino-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .rhino-hero > .hero-photo { grid-column: 1; grid-row: 1; height: clamp(168px, 48vw, 224px); }
  .rhino-hero > .hero-photo img { object-position: 58% 53%; }
  .hero-content { grid-column: 1; grid-row: 2; padding: var(--space-lg); }
  .hero-content::before { display: none; }
  .hero-content h1 { max-width: 15ch; font-size: var(--text-display); line-height: 1.08; }
  .hero-content .hero-lead { margin-block: var(--space-md) var(--space-lg); }
  .wp-block-button__link { min-height: 48px; }
  .about-section { padding-block: var(--space-2xl); }
  .about-grid, .support-intro, .support-grid, .contact-grid { grid-template-columns: minmax(0, 1fr); }
  .about-copy, .about-photo, .image-note { grid-column: 1; grid-row: auto; }
  .about-copy h2 { max-width: 15ch; font-size: var(--text-section); }
  .about-photo { aspect-ratio: 4 / 3; min-height: 0; height: auto; }
  .about-photo img { height: 100%; }
  .image-note { border-top: 0; padding-top: 0; }
  .support-section { padding-block: var(--space-2xl); }
  .support-intro { gap: var(--space-lg); margin-bottom: var(--space-lg); }
  .support-intro h2 { max-width: 14ch; }
  .support-grid { grid-auto-rows: 1fr; }
  .need { min-height: 216px; }
  .need h3 { font-size: 1.625rem; }
  .inkind-section { padding-block: var(--space-2xl); }
  .inkind-grid { position: relative; display: block; }
  .inkind-copy h2 { max-width: calc(100% - 112px); padding-right: 0; min-height: 96px; }
  .inkind-logo { position: absolute; inset: 0 var(--gutter) auto auto; width: 88px; }
  .inkind-copy { gap: var(--space-md); }
  .contact-section { padding-block: var(--space-2xl) var(--space-lg); }
  .contact-grid { gap: var(--space-lg); }
  .contact-grid h2 { font-size: var(--text-section); max-width: 13ch; }
  .contact-email a { padding-inline: var(--space-md); }
  .photo-credits { margin-top: var(--space-2xl); }
  .footer-inner { gap: var(--space-xs); }
}
@media (max-width: 37.5rem) { body.admin-bar { --wp-admin-offset: 0px; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media print {
  .site-header { position: static; }
  .site-nav, .menu-toggle, .skip-link { display: none !important; }
  .rhino-hero { min-height: 0; }
  .hero-content { padding: var(--space-lg); }
  .support-section, .contact-section, .site-footer { background: var(--color-paper); color: var(--color-ink); }
  .need { background: var(--color-paper-2); color: var(--color-ink); break-inside: avoid; }
  .support-section p, .contact-section p, .site-footer p, .need p, .need a { color: var(--color-ink); }
}