/* Castanon Art: series styles, copied verbatim from the static site (nature.html). */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg-deep:#1c1c1a; --bg-dark:#222220; --bg-main:#262624; --bg-tile:#2a2a28;
      --bg-footer:#161614;
      --white:#ffffff; --soft-white:#e0e0e0; --mid:#c8c8c8; --rule:#1e1e1e; --gold:#b8a583;
      --font-title: 'Newsreader', Georgia, serif;
      --font-body:'Libre Franklin',sans-serif;
    }
    html { scroll-behavior: smooth; }
    body { background:var(--bg-main); color:var(--white); font-family:var(--font-body); font-weight: 200; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

    /* ── NAV (restrained) ── */
    nav { background:#1c1c1a; border-bottom:0.5px solid var(--rule); height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 40px; position:sticky; top:0; z-index:100; }
    .nav-brand { font-family:var(--font-title); font-size: 21px; font-weight: 400; color:#fff; letter-spacing: 0.5px; text-transform: none; text-decoration:none; white-space:nowrap; }
    .nav-brand,
    .nav-brand:link,
    .nav-brand:visited,
    .nav-brand:hover,
    .nav-brand:active,
    .nav-brand:focus { text-decoration: none; }
    
    .nav-links { display:flex; gap: 16px; font-family:var(--font-body); font-size:11px; font-weight: 200; letter-spacing: 0.8px; text-transform:uppercase; margin-left:auto; margin-right:44px; }
    .nav-links a { color:rgba(255,255,255,0.90); text-decoration:none; transition:color 0.2s ease; }
    .nav-links a:hover { color:#ffffff; }
    .nav-links a.active { color:var(--gold); }
    .nav-right { flex-shrink:0; display:flex; align-items:center; }
    .nav-collect,
    a.nav-collect {
      font-family: var(--font-body);
      font-size: 11px;
      font-weight: 200;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--gold);

      transition: color 0.2s ease;
    }
    .nav-collect:hover,
    a.nav-collect:hover {
      color: #f0cc8a;

    }

    /* ── SERIES HEADER (Nature0, untouched) ── */
    .series-header { background:var(--bg-deep); border-bottom:0.5px solid #2a2a2a; padding:52px 40px 44px; display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
    .series-header-left { flex:1; }
    .series-kicker { font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:4px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
    .series-title { font-family:var(--font-title); font-size: 47px; font-weight:400; letter-spacing: 0.6px; text-transform: none; color:var(--white); margin-bottom:14px; line-height:1.1; }
    .series-desc { font-family:var(--font-body); font-size:13px; font-weight:200; color:var(--mid); line-height:1.9; max-width:520px; }
    .series-header-right { display:flex; flex-direction:column; align-items:flex-end; gap:10px; flex-shrink:0; }
    .series-count { font-family:var(--font-title); font-size: 31px; font-weight:400; color:var(--white); }
    .series-count-label { font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:3px; text-transform:uppercase; color:#b8b8b8; }

    /* ── PEER SERIES LINKS (sit inside the header, beneath the description) ── */
    .series-peers { margin-top:24px; display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
    .series-peers a { font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:2.5px; text-transform:uppercase; color:rgba(255,255,255,0.55); text-decoration:none; transition:color 0.2s ease; }
    .series-peers a:hover { color:rgba(255,255,255,0.9); }
    .series-peers .sep { font-family:var(--font-body); font-size:10px; font-weight:200; color:rgba(255,255,255,0.18); }

    /* ── TOOLBAR (Nature0, untouched) ── */
    .toolbar { background:var(--bg-dark); border-bottom:0.5px solid #2a2a2a; padding:12px 40px; display:flex; align-items:center; justify-content:flex-end; gap:16px; }
    .toolbar-label { font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:2px; text-transform:uppercase; color:#b8b8b8; }
    .layout-btn { background:transparent; border:0.5px solid #555555; color:#b8b8b8; font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:2px; text-transform:uppercase; padding:6px 14px; cursor:pointer; transition:border-color 0.2s,color 0.2s; }
    .layout-btn:hover { border-color:#888; color:#cccccc; }
    .layout-btn.active { border-color:var(--gold); color:var(--gold); }

    /* ── WORKS GRID + CARDS (Nature0, untouched) ── */
    .works-section { padding:2px 2px 80px; background:var(--bg-dark); }
    .works-grid { display:grid; gap:2px; }
    .works-grid.cols-3 { grid-template-columns:repeat(3,1fr); }
    .works-grid.cols-2 { grid-template-columns:repeat(2,1fr); width:100%; }
    .works-grid.cols-2 .work-card { aspect-ratio:auto; height:auto; }
    .works-grid.cols-2 .work-thumb { height:56vh; }
    .work-card { position:relative; background:var(--bg-tile); cursor:pointer; overflow:hidden; display:flex; flex-direction:column; outline:1px solid transparent; transition:outline-color 0.3s; aspect-ratio:3/4; }
    .work-card:hover { outline-color:var(--gold); }
    a.work-card { text-decoration: none; color: inherit; }
    .work-thumb { position:relative; background:#222221; overflow:hidden; flex:1 1 auto; min-height:0; }
    .work-thumb-img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; }
    .work-card:hover .work-thumb-img { transform:scale(1.03); }
    .work-thumb-placeholder { position:absolute; inset:0; background:#222221; background-image:repeating-linear-gradient(135deg,rgba(255,255,255,0.012),rgba(255,255,255,0.012) 1px,transparent 1px,transparent 22px); }
    .work-dot { position:absolute; top:14px; right:14px; width:6px; height:6px; border-radius:50%; background:var(--gold); opacity:0; transition:opacity 0.3s; z-index:3; }
    .work-card:hover .work-dot { opacity:1; }
    .work-meta { padding:16px 18px 20px; background:var(--bg-tile); border-top:0.5px solid #1e1e1c; position:relative; z-index:2; }
    .work-series-tag { font-family:var(--font-body); font-size:9px; font-weight:200; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:6px; opacity:0.7; }
    .work-name { font-family:var(--font-title); font-size: 18px; font-weight:400; letter-spacing: 0.2px; text-transform: none; color:var(--white); margin-bottom:5px; line-height:1.3; }
    .work-medium { font-family:var(--font-body); font-size:11px; font-weight:200; color:var(--mid); letter-spacing:0.3px; }
    .work-price { font-family:var(--font-body); font-size:11px; font-weight:200; color:#c0c0c0; margin-top:6px; letter-spacing:0.5px; }

    /* ── BACK STRIP (Nature0, untouched) ── */
    .back-strip { background:var(--bg-deep); border-top:0.5px solid #2a2a2a; padding:28px 40px; display:flex; align-items:center; justify-content:space-between; }
    .back-link { font-family:var(--font-body); font-size:11px; font-weight:200; letter-spacing:2px; text-transform:uppercase; color:var(--mid); text-decoration:none; transition:color 0.2s; }
    .back-link:hover { color:var(--white); }
    .series-nav { display:flex; gap:24px; }
    .series-nav a { font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:2px; text-transform:uppercase; color:#b8b8b8; text-decoration:none; transition:color 0.2s; }
    .series-nav a:hover { color:var(--mid); }

    /* ── FOOTER (Archive structure) ── */
    footer { background:var(--bg-footer); border-top:0.5px solid #333; padding:0; display:block; }
    .footer-cols { padding:48px 40px; display:grid; grid-template-columns:1.5fr 1fr 1fr 1.5fr; gap:40px; border-bottom:0.5px solid #2a2a2a; }
    .footer-col-label { font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:3px; text-transform:uppercase; color:#cccccc; margin-bottom:16px; }
    .footer-brand { font-family:var(--font-title); font-size: 18px; letter-spacing: 0.5px; text-transform: none; color:var(--soft-white); opacity:0.9; margin-bottom:16px; }
    .footer-tagline { font-family:var(--font-body); font-size:11px; font-weight:200; color:#cccccc; line-height:1.9; font-style:italic; }
    .footer-explore { display:flex; flex-direction:column; gap:10px; }
    .footer-explore a { font-family:var(--font-body); font-size:11px; font-weight:200; letter-spacing:1.5px; text-transform:uppercase; color:#cccccc; text-decoration:none; transition:color 0.2s; }
    .footer-explore a:hover { color:var(--white); }
    .footer-email { font-family:var(--font-body); font-size:12px; font-weight: 200; color:#cccccc; text-decoration:none; display:block; margin-bottom:14px; }
    .footer-email:hover { color:var(--white); }
    .footer-body-text { font-family:var(--font-body); font-size:11px; font-weight:200; color:#c8c8c8; line-height:1.8; }
    .footer-circle-text { font-family:var(--font-body); font-size:11px; font-weight:200; color:#cccccc; line-height:1.9; margin-bottom:20px; }
    .footer-circle-cta { font-family:var(--font-body); font-size:10px; font-weight:200; letter-spacing:2px; text-transform:uppercase; color:var(--gold); border:0.5px solid var(--gold); padding:11px 20px; text-decoration:none; display:inline-block; transition:background 0.2s; }
    .footer-circle-cta:hover { background:rgba(184,165,131,0.08); }
    .footer-strip { padding:16px 40px; display:flex; justify-content:space-between; align-items:center; }
    .footer-copy { font-family:var(--font-body); font-size:11px; font-weight:200; color:#cccccc; letter-spacing:0; }
    .footer-links { display:flex; gap:24px; }
    .footer-links a { font-family:var(--font-body); font-size:11px; font-weight:200; letter-spacing:1px; text-transform:uppercase; color:#cccccc; text-decoration:none; transition:color 0.2s; }
    .footer-links a:hover { color:var(--white); }

    /* ── SOFT ARRIVAL HIGHLIGHT (Nature0, untouched) ── */
    .work-card:target {
      outline: 1px solid rgba(184,165,131,0.6);
      transition: outline 0.6s ease;
    }

    @media (max-width: 980px) {
      nav { padding:0 22px; }
      .nav-links { gap: 16px; margin-right:22px; }
      .series-header { padding:36px 22px 30px; flex-direction:column; align-items:flex-start; gap:20px; }
      .toolbar { padding:12px 22px; }
      .back-strip { padding:24px 22px; }
      .footer-cols { grid-template-columns:1fr 1fr; gap:32px; padding:36px 22px; }
      .footer-strip { padding:16px 22px; flex-direction:column; align-items:flex-start; gap:14px; }
    }
      .nav-left { display: flex; align-items: center; gap: 18px; }
    .nav-logo-link { display: flex; align-items: center; text-decoration: none; }
    .nav-logo-crop { display: block; width: 11.69px; height: 13px; overflow: hidden; position: relative; transform: translateY(-1px); }
    .nav-logo-crop svg { position: absolute; width: 11.686px; height: 13.025px; left: 0.002px; top: 0.002px; fill: #ddba79; opacity: 0.68; }