/* Field Notes (blog) styles. Uses the site's design tokens. */

/* ---------- index ---------- */
.fn-hero{position:relative;overflow:hidden;padding:200px 48px 72px;text-align:center;background:var(--brown-950)}
.fn-hero__tex{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--topo-op);filter:var(--topo-filter);pointer-events:none}
.fn-hero h1{font-family:var(--font-statement);font-style:italic;font-weight:400;color:var(--cream-100);font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem);line-height:1.1;margin:18px auto 22px;max-width:900px;text-wrap:balance}
.fn-hero p{color:var(--brown-400);max-width:580px;margin:0 auto;line-height:1.8}
.fn-hero .rule{margin-top:44px}

.fn-list{background:var(--brown-950);padding:24px 48px 140px}
.fn-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:center;max-width:1120px;margin:0 auto 96px;color:inherit}
.fn-feature:hover .fn-card__title{color:var(--tan-300)}
.fn-feature .fn-card__img{aspect-ratio:4/3}
.fn-feature .fn-card__title{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem)}
.fn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 32px;max-width:1120px;margin:0 auto}
.fn-card{display:block;color:inherit}
.fn-card:hover .fn-card__title{color:var(--tan-300)}
.fn-card:hover .fn-card__img img{transform:scale(1.035)}
.fn-card__img{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--brown-900);border:1px solid var(--border-subtle);margin-bottom:22px}
.fn-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.fn-card__date{font-family:var(--font-body);font-weight:600;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--tan-500);margin-bottom:12px}
.fn-card__title{font-family:var(--font-statement);font-style:italic;font-weight:400;color:var(--cream-100);font-size:1.45rem;line-height:1.25;margin:0 0 12px;transition:color .3s ease}
.fn-card__excerpt{color:var(--brown-400);font-size:14.5px;line-height:1.75;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fn-card__more{display:inline-block;margin-top:18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--tan-500)}
.fn-empty{text-align:center;color:var(--brown-400);padding:40px 0 80px}
.fn-pager{display:flex;justify-content:center;gap:16px;margin-top:88px}
.fn-pager a,.fn-pager span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:12px 20px;border:1px solid var(--border-subtle);border-radius:4px;color:var(--brown-200)}
.fn-pager a:hover{border-color:var(--tan-500);color:var(--tan-500)}
.fn-pager span{opacity:.6}

/* ---------- article ---------- */
.fn-article{background:var(--brown-950);padding:0 48px 120px}
.fn-article__head{position:relative;overflow:hidden;text-align:center;padding:190px 48px 64px;margin:0 -48px;background:var(--brown-950)}
.fn-article__head h1{font-family:var(--font-statement);font-style:italic;font-weight:400;color:var(--cream-100);font-size:clamp(2.1rem,1.5rem + 2.6vw,3.5rem);line-height:1.12;margin:18px auto 20px;max-width:880px;text-wrap:balance;position:relative}
.fn-article__meta{position:relative;color:var(--brown-400);font-size:13px;letter-spacing:.06em}
.fn-article__meta span+span::before{content:"·";margin:0 10px;color:var(--brown-600)}
.fn-back{position:relative;display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.fn-draft-flag{display:inline-block;margin-left:10px;padding:3px 9px;border:1px solid var(--tan-500);border-radius:3px;color:var(--tan-500);font-size:10.5px;letter-spacing:.14em}

.fn-prose{max-width:760px;margin:0 auto;color:var(--brown-200);font-size:17.5px;line-height:1.85}
.fn-prose>*:first-child{margin-top:0}
.fn-prose p{margin:0 0 1.35em}
.fn-prose h2,.fn-prose h3,.fn-prose h4{font-family:var(--font-statement);font-style:italic;font-weight:400;color:var(--cream-100);line-height:1.25;margin:2.2em 0 .7em}
.fn-prose h2{font-size:1.85rem}
.fn-prose h3{font-size:1.45rem}
.fn-prose h4{font-size:1.2rem}
.fn-prose a{color:var(--tan-500);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--tan-500) 40%,transparent);text-underline-offset:3px}
.fn-prose a:hover{color:var(--tan-300)}
.fn-prose strong{color:var(--cream-100);font-weight:600}
.fn-prose blockquote{margin:2em 0;padding:4px 0 4px 26px;border-left:2px solid var(--tan-500);color:var(--brown-200);font-family:var(--font-statement);font-style:italic;font-size:1.12em}
.fn-prose blockquote p:last-child{margin-bottom:0}
.fn-prose ul,.fn-prose ol{padding-left:1.4em;margin:0 0 1.35em}
.fn-prose li{margin:.35em 0}
.fn-prose li p{margin:0}
.fn-prose hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--tan-500),transparent);margin:3.2em auto;width:60%}
.fn-prose .fn-caption{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--brown-400);text-align:center;font-style:italic;margin:-.4em 0 2em}

.fn-photos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:2em 0 1.1em}
.fn-photos+.fn-photos{margin-top:-.6em}
.fn-img{display:block;max-width:100%;height:auto;background:var(--brown-900);border:1px solid var(--border-subtle);cursor:zoom-in}
.fn-img--full{width:100%}
.fn-img--half{width:calc(50% - 4px)}
.fn-img--third{width:calc(33.333% - 6px)}
.fn-photos:has(>img+img) .fn-img--half,.fn-photos:has(>img+img) .fn-img--third{aspect-ratio:4/3;object-fit:cover}

.fn-nextprev{max-width:760px;margin:96px auto 0;padding-top:40px;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:1fr 1fr;gap:32px}
.fn-nextprev a{display:block;color:inherit}
.fn-nextprev a:hover .fn-card__title{color:var(--tan-300)}
.fn-nextprev .next{text-align:right}
.fn-nextprev .fn-card__title{font-size:1.2rem;margin:0}

/* ---------- lightbox ---------- */
.fn-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(5,6,7,.94);display:flex;align-items:center;justify-content:center;padding:40px;cursor:zoom-out;opacity:0;transition:opacity .25s ease}
.fn-lightbox.in{opacity:1}
.fn-lightbox img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.fn-lightbox button{position:absolute;top:18px;right:22px;background:none;border:1px solid var(--border-subtle);color:#fff;border-radius:4px;padding:8px 12px;font-size:13px;cursor:pointer}

/* ---------- home page "latest" strip ---------- */
.fn-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fn-latest-card{display:block;color:inherit}
.fn-latest-card:hover .fn-latest-title{color:var(--tan-300)}
.fn-latest-img{aspect-ratio:3/2;overflow:hidden;background:var(--brown-900);border:1px solid var(--border-subtle);margin-bottom:16px}
.fn-latest-img img{width:100%;height:100%;object-fit:cover;display:block}
.fn-latest-date{font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tan-500);margin-bottom:8px}
.fn-latest-title{color:var(--cream-100);font-size:1.2rem;line-height:1.3;transition:color .3s ease}

@media (max-width:960px){
  .fn-grid{grid-template-columns:repeat(2,1fr)}
  .fn-feature{grid-template-columns:1fr;gap:28px}
}
@media (max-width:860px){
  .fn-hero{padding:150px 24px 48px !important}
  .fn-list{padding:16px 24px 96px !important}
  .fn-article{padding:0 20px 88px !important}
  .fn-article__head{padding:140px 24px 44px !important;margin:0 -20px !important}
  .fn-prose{font-size:16.5px}
  .fn-latest-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:620px){
  .fn-grid{grid-template-columns:1fr}
  .fn-photos:not(:has(>img+img)) .fn-img--half{width:80%}
  .fn-img--third{width:calc(50% - 4px)}
  .fn-nextprev{grid-template-columns:1fr}
  .fn-nextprev .next{text-align:left}
}

/* ---------- Hunt FAQ (/faq) ---------- */
.faq-wrap{background:var(--brown-950);padding:8px 48px 120px}
.faq-jump{max-width:860px;margin:0 auto 64px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.faq-jump a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brown-200);border:1px solid var(--border-subtle);border-radius:999px;padding:9px 16px;transition:border-color .25s ease,color .25s ease}
.faq-jump a:hover{border-color:var(--tan-500);color:var(--tan-500)}
.faq-group{max-width:860px;margin:0 auto 64px;scroll-margin-top:110px}
.faq-group h2{font-family:var(--font-statement);font-style:italic;font-weight:400;color:var(--cream-100);font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}
.faq-item{border-bottom:1px solid var(--border-subtle);scroll-margin-top:110px}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 2px;color:var(--cream-100);font-size:1.06rem;line-height:1.45;transition:color .25s ease}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:0 0 12px;height:12px;margin-top:6px;border-right:1.5px solid var(--tan-500);border-bottom:1.5px solid var(--tan-500);transform:rotate(45deg);transition:transform .3s ease}
.faq-item[open] summary::after{transform:rotate(-135deg);margin-top:10px}
.faq-item summary:hover{color:var(--tan-500)}
.faq-a{color:var(--brown-400);line-height:1.8;font-size:15.5px;padding:0 2px 22px;max-width:70ch}
.faq-a p{margin:0 0 12px}.faq-a p:last-child{margin-bottom:0}
.faq-a ul{margin:0 0 12px;padding-left:1.2em}.faq-a li{margin:0 0 6px}
.faq-a strong{color:var(--brown-200);font-weight:600}
.faq-a a{color:var(--tan-500);border-bottom:1px solid color-mix(in srgb,var(--tan-500) 45%,transparent)}
.faq-item[open] .faq-a{animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.faq-cta{max-width:860px;margin:0 auto;text-align:center;padding:40px 24px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--brown-900)}
.faq-cta h2{font-family:var(--font-statement);font-style:italic;font-weight:400;color:var(--cream-100);font-size:1.7rem;margin:0 0 12px}
.faq-cta p{color:var(--brown-400);line-height:1.8;margin:0}
.faq-cta a{color:var(--tan-500)}
.faq-cta .eyebrow{margin-bottom:10px}
.faq-cta p{max-width:560px;margin:0 auto}
.faq-cta .faq-cta__btn{margin:26px 0 22px;color:var(--brown-950);text-decoration:none}
.faq-cta .faq-cta__alt{font-size:.92rem}
.fn-hero .fn-hero__ask{margin-top:14px;font-size:.95rem}
.fn-hero__ask a{color:var(--tan-500)}
.faq-cta{scroll-margin-top:120px}
@media (max-width:860px){.faq-wrap{padding:0 24px 80px}.faq-jump{margin-bottom:44px}.faq-item summary{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.faq-item[open] .faq-a{animation:mroFade .3s ease}}

/* ---------- Timber wolf interest page ---------- */
.wolf-hero{position:relative;overflow:hidden;min-height:min(88vh,780px);display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:160px 48px 96px;background:#05060a}
.wolf-hero__bg,.wolf-hero__bg img{position:absolute;inset:0;width:100%;height:100%}
.wolf-hero__bg img{object-fit:cover;object-position:50% 30%;filter:brightness(1.05)}
.wolf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.45) 0,rgba(5,6,10,0) 22%,rgba(5,6,10,0) 48%,rgba(5,6,10,.8) 74%,#05060a 100%)}
.wolf-hero__inner{position:relative;z-index:1;max-width:760px}
.wolf-hero .eyebrow{color:#d8a24a}
.wolf-hero h1{font-family:var(--font-statement);font-style:italic;font-weight:400;color:#f5f4ef;font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem);line-height:1.1;margin:18px auto 20px;text-wrap:balance}
.wolf-hero p{color:#c9c7c2;line-height:1.8;max-width:560px;margin:0 auto 32px;font-size:1.05rem}
.wolf-btn{display:inline-block;background:var(--tan-500);color:var(--brown-950);border:0;border-radius:2px;padding:16px 30px;font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,transform .2s ease}
.wolf-btn:hover{background:var(--accent-gold-hover);color:var(--brown-950)}
.wolf-btn:disabled{opacity:.6;cursor:wait}
.wolf-hero .wolf-btn{background:#d8a24a;color:#0a0b0d}
.wolf-intro{background:var(--brown-950);padding:110px 48px}
.wolf-intro__grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.wolf-intro h2,.wolf-form-head h2{font-family:var(--font-statement);font-style:italic;font-weight:400;color:var(--cream-100);font-size:clamp(1.85rem,1.5rem + 1.2vw,2.75rem);margin:14px 0 24px}
.wolf-intro p{color:var(--brown-400);line-height:1.85;margin:0 0 18px;font-size:16px}
.wolf-intro blockquote{margin:30px 0 0;padding-left:20px;border-left:1px solid var(--tan-500);font-family:var(--font-statement);font-style:italic;color:var(--tan-500);font-size:1.25rem;line-height:1.5}
.wolf-photo{margin:0}
.wolf-photo img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 24px 48px rgba(0,0,0,.35)}
.wolf-photo figcaption{font-size:12.5px;color:var(--brown-600);margin-top:12px;font-style:italic}
.wolf-facts{background:var(--olive-700);padding:72px 48px}
.wolf-facts__grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.wolf-facts .eyebrow{font-size:11px;margin-bottom:10px}
.wolf-facts p{color:var(--brown-200);line-height:1.7;margin:0;font-size:15px}
.wolf-form-wrap{background:var(--brown-950);padding:110px 48px;scroll-margin-top:80px}
.wolf-form-head{text-align:center;max-width:620px;margin:0 auto 44px}
.wolf-form-head p{color:var(--brown-400);margin:0}
.wolf-form,.wolf-done{max-width:720px;margin:0 auto;display:grid;gap:26px}
.wolf-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wolf-form .opt{text-transform:none;letter-spacing:0;color:var(--brown-600)}
.wolf-form fieldset{border:0;margin:0;padding:0}
.wolf-form legend{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brown-400);margin-bottom:10px;padding:0}
.wolf-chips{display:flex;flex-wrap:wrap;gap:10px}
.wolf-chip{margin:0;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14.5px}
.wolf-chip input{position:absolute;opacity:0;width:1px;height:1px}
.wolf-chip span{display:inline-block;padding:11px 18px;border:1px solid var(--border-subtle);border-radius:999px;color:var(--brown-200);background:var(--brown-900);transition:border-color .2s ease,background .2s ease,color .2s ease}
.wolf-chip:hover span{border-color:var(--tan-500)}
.wolf-chip input:checked+span{border-color:var(--tan-500);background:color-mix(in srgb,var(--tan-500) 16%,var(--brown-900));color:var(--cream-100)}
.wolf-chip input:focus-visible+span{outline:2px solid var(--tan-500);outline-offset:2px}
.wolf-form .wolf-btn{justify-self:start}
.wolf-err{color:#e07a5f;margin:0;font-size:14.5px}.wolf-err a{color:inherit;text-decoration:underline}
.wolf-done{text-align:center;padding:40px 24px;border:1px solid var(--border-subtle);background:var(--brown-900);border-radius:4px;outline:none}
.wolf-done .statement{font-size:1.5rem;color:var(--cream-100);margin:0 0 8px}.wolf-done p{color:var(--brown-400);margin:0}
.wolf-faq{background:var(--olive-700);padding:100px 48px 110px}
.wolf-faq .faq-group{margin-bottom:36px}
.wolf-more{max-width:860px;margin:0 auto;color:var(--brown-400);line-height:1.8}
.wolf-more a{color:var(--tan-500)}
@media (max-width:860px){
  .wolf-hero{padding:130px 24px 72px;min-height:78vh}
  .wolf-intro,.wolf-form-wrap{padding:72px 24px}.wolf-facts{padding:56px 24px}.wolf-faq{padding:72px 24px}
  .wolf-intro__grid{grid-template-columns:1fr;gap:40px}
  .wolf-facts__grid{grid-template-columns:1fr 1fr;gap:28px}
  .wolf-row{grid-template-columns:1fr}
  .wolf-form .wolf-btn{justify-self:stretch;text-align:center}
}

.wolf-form[hidden],.wolf-done[hidden],.wolf-err[hidden]{display:none}