:root{
  --evergreen:#254838;
  --deep-green:#17382c;
  --ink:#25372f;
  --cream:#f6f0df;
  --paper:#fffaf0;
  --sage:#c9d3a5;
  --olive:#97a85f;
  --citrus:#e2df72;
  --butter:#f0c96f;
  --coral:#d96c50;
  --peach:#efb08d;
  --pink:#e5a6b6;
  --sky:#a9ced4;
  --lilac:#c8afd0;
  --line:rgba(37,72,56,.25);
  --font-body:'DM Sans',Arial,sans-serif;
  --font-display:'Fraunces',Georgia,serif;
  --font-utility:'Barlow Condensed','Arial Narrow',sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em}
h1 em,h2 em,h3 em{font-weight:500;font-style:italic;color:var(--coral)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:100;padding:.75rem 1rem;background:var(--citrus);color:var(--deep-green);font-weight:700}
.skip-link:focus{top:1rem}
.section-shell{padding-inline:1.25rem}

/* Calm, paper-like navigation */
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:4.75rem;padding:.7rem 1.25rem;background:rgba(255,250,240,.96);color:var(--evergreen);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap}
.brand img{width:40px;height:40px;flex:none}
.brand span{display:flex;flex-direction:column;color:var(--evergreen);font-family:var(--font-utility);font-size:.76rem;font-weight:700;line-height:.92;letter-spacing:.14em;text-transform:uppercase}
.brand strong{font-family:var(--font-display);font-size:1.32rem;font-weight:600;line-height:.96;letter-spacing:-.045em;text-transform:none}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:11px;background:var(--pink);border:1px solid var(--evergreen);border-radius:50%;cursor:pointer}
.menu-toggle span{display:block;width:100%;height:2px;background:var(--evergreen);transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem 1.25rem 1.25rem;background:var(--paper);border-bottom:1px solid var(--line)}
.site-nav.is-open{display:flex;flex-direction:column}
.site-nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:.55rem .15rem;border-bottom:1px solid var(--line);font-family:var(--font-utility);font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.site-nav a[aria-current=page]{color:var(--coral)}
.site-nav .nav-join{justify-content:center;margin-top:.85rem;padding:.75rem 1.2rem;background:var(--evergreen);color:var(--paper);border:0;border-radius:999px}

/* Shared editorial language */
.eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;color:var(--evergreen);font-family:var(--font-utility);font-size:.8rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}
.eyebrow::before{content:'✦';color:var(--coral);font-family:serif;font-size:.85rem}
.eyebrow-line{display:none}
.eyebrow-orange{color:var(--coral)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.8rem;min-height:50px;padding:.78rem 1.2rem;border:1px solid transparent;border-radius:999px;font-family:var(--font-utility);font-size:.9rem;font-weight:700;letter-spacing:.055em;line-height:1.2;text-transform:uppercase;transition:transform .18s,background .18s,color .18s}
.button:hover{transform:translateY(-2px)}
.button span{font-size:1rem}
.button-dark{background:var(--evergreen);color:var(--paper)}
.button-lime{background:var(--evergreen);color:var(--paper)}
.button-outline{border-color:currentColor}
.text-link,.inline-link{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid currentColor;font-family:var(--font-utility);font-size:.9rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.text-link:hover,.inline-link:hover{color:var(--coral)}

/* Illustrated field marks are woven into edges, frames and type—not floated as stickers. */
.brand-illustration{display:block;height:auto;pointer-events:none;user-select:none;mix-blend-mode:multiply}
.hero-copy,.intro-heading-with-mark,.routes-photo,.route-card,.home-closing .final-cta,.membership-price-lockup,.why-image,.offer-photo,.offer-place,.faq-section,.notes-hero-image,.archive-lead-photo,.archive-heading-illustrated,.illustrated-note,.notes-final-cta{position:relative;isolation:isolate}
.hero-copy>*:not(.hero-oak),.route-card>div,.home-closing .final-cta>*:not(.closing-armadillo),.offer-place>*:not(.offer-fossil),.faq-section>*:not(.faq-weather),.illustrated-note a>*:not(.note-cicada),.notes-final-cta>*:not(.final-bats){position:relative;z-index:1}

.hero-oak{position:absolute;z-index:0;top:4.3rem;right:-1.5rem;width:188px;opacity:.24;transform:rotate(-11deg)}
.intro-heading-with-mark{padding-bottom:2.25rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}
.intro-flower{position:absolute;right:-.35rem;bottom:-2.9rem;width:154px;opacity:.84;transform:rotate(3deg)}
.routes-photo{overflow:visible;margin-bottom:5.25rem!important}
.routes-photo>img:first-child{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1.75rem}
.routes-binoculars{position:absolute;z-index:1;left:1rem;bottom:-4.1rem;width:138px;box-sizing:border-box;padding:.7rem .9rem 1rem;background:var(--cream);border:1px solid var(--line);border-top:0;border-radius:0 0 4rem 4rem;opacity:1;mix-blend-mode:normal;transform:none}
.route-card{overflow:hidden}
.route-trail-mark{position:absolute;z-index:0;top:1.7rem;right:-2.25rem;width:188px;opacity:.16;transform:rotate(8deg)}
.home-closing .final-cta{overflow:hidden}
.closing-armadillo{position:absolute;z-index:0;right:-3.5rem;bottom:-1.5rem;width:230px;opacity:.28;transform:rotate(-5deg)}

.membership-price-lockup{display:inline-block;max-width:100%;margin-top:.65rem}
.membership-price-lockup .price-ribbon{position:relative;z-index:1;margin:0}
.monthly-loop{position:absolute;z-index:0;top:50%;left:-2rem;width:138px;opacity:.26;transform:translateY(-50%) rotate(-9deg)}
.why-image{overflow:visible}
.why-cactus{position:absolute;z-index:2;left:-1.45rem;bottom:-1.85rem;width:134px;opacity:.86;transform:rotate(-8deg)}
.offer-photo{overflow:visible}
.offer-bee{position:absolute;z-index:2;left:-3rem;bottom:-2.8rem;width:148px;opacity:.9;transform:rotate(-8deg)}
.offer-place{overflow:hidden}
.offer-fossil{position:absolute;z-index:0;top:-2rem;right:-2.2rem;width:158px;opacity:.18;transform:rotate(-10deg)}
.faq-section{overflow:hidden}
.faq-weather{position:absolute;z-index:0;top:4.2rem;right:-2.8rem;width:178px;opacity:.42;transform:rotate(5deg)}

.notes-hero-image{overflow:visible}
.notes-notebook{position:absolute;z-index:2;left:-1.9rem;bottom:-2.5rem;width:126px;opacity:.9;transform:rotate(-7deg)}
.archive-lead-photo{width:86%;margin:0 0 0 auto;overflow:visible}
.archive-lead-image{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1.5rem}
.creatures-grackle{position:absolute;z-index:0;right:-1rem;bottom:-1.5rem;width:150px;opacity:.7;transform:rotate(-5deg)}
.illustrated-note{overflow:hidden}
.illustrated-note a{position:relative}
.note-cicada{position:absolute;z-index:0;right:-2.3rem;bottom:-2.3rem;width:136px;opacity:.18;transform:rotate(7deg)}
.place-minnow{position:absolute;z-index:2;right:-1.8rem;bottom:-2rem;width:154px;opacity:.82;transform:rotate(-7deg)}
.notes-final-cta{overflow:hidden;padding-top:5.8rem}
.final-bats{position:absolute;z-index:0;top:-3.2rem;left:50%;width:330px;opacity:.3;transform:translateX(-50%) rotate(-3deg)}

/* Homepage: a warm editorial invitation */
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden;padding-top:2rem;padding-bottom:1.2rem;background:var(--butter);color:var(--evergreen)}
.hero>*{min-width:0}
.hero-copy{padding:1.5rem 0 2.2rem}
.hero h1{max-width:8ch;margin-bottom:1.25rem;font-size:clamp(4.25rem,18vw,7rem);line-height:.86}
.hero h1 em{display:block;color:var(--coral)}
.hero-lede{max-width:35rem;margin-bottom:1.6rem;font-size:1.04rem;line-height:1.7}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}
.hero .text-link{color:var(--evergreen)}
.hero-art{position:relative;overflow:hidden;border-radius:2.25rem 2.25rem .5rem .5rem}
.hero-art img{width:100%;height:min(122vw,640px);object-fit:cover;object-position:68% 45%;filter:saturate(.92) contrast(.98)}
.hero-stamp{position:absolute;right:.8rem;bottom:.8rem;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;height:118px;padding:.8rem;background:var(--pink);color:var(--evergreen);border:2px solid var(--evergreen);border-radius:50%;text-align:center;box-shadow:6px 7px 0 rgba(37,72,56,.22);transform:rotate(-4deg)}
.hero-stamp::before{content:'ATX / 01';position:absolute;top:.7rem;font-family:var(--font-utility);font-size:.62rem;font-weight:700;letter-spacing:.1em}
.hero-stamp span{font-family:var(--font-utility);font-size:.62rem;font-weight:700;letter-spacing:.1em}
.hero-stamp strong{margin:.25rem 0;font-family:var(--font-display);font-size:1.05rem;line-height:.9}
.hero-bottom{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0 0;font-family:var(--font-utility);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hero-bottom span:last-child{text-align:right}
.ticker{overflow:hidden;padding:.72rem 0;background:var(--pink);color:var(--evergreen);white-space:nowrap;font-family:var(--font-utility);font-size:1.12rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ticker div{width:max-content;padding-left:1.5rem;animation:ticker 34s linear infinite}
.ticker span{padding:0 1.35rem;color:var(--coral)}
@keyframes ticker{to{transform:translateX(-35%)}}

.intro{padding-top:5rem;padding-bottom:5rem;background:var(--paper)}
.intro h2,.section-heading h2{margin-bottom:1.4rem;font-size:clamp(3.25rem,14vw,6rem);line-height:.94}
.body-stack p{margin-bottom:1.15rem;line-height:1.75}
.home-intro{display:grid;gap:1.8rem}
.home-intro-photo,.routes-photo,.home-closing-photo,.offer-photo,.how-photo,.who-photo,.why-image{margin:0}
.home-intro-photo{width:74%;margin-left:auto;transform:rotate(2deg)}
.home-intro-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:50% 50% 1.5rem 1.5rem}

.editorial-band{padding-top:1.5rem;padding-bottom:3.5rem;background:var(--sage);color:var(--evergreen)}
.band-top,.route-top{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-utility);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.band-top{padding-bottom:1rem;border-bottom:1px solid var(--evergreen)}
.band-top span:last-child{text-align:right}
.band-grid{display:grid;gap:1.8rem;padding-top:2.5rem}
.band-grid h2{max-width:9ch;margin:0;font-size:clamp(3.7rem,16vw,7.2rem);line-height:.88}
.band-grid h2 em{display:block;color:var(--coral)}
.band-grid p{max-width:29rem;margin-bottom:1.4rem;line-height:1.75}
.band-photo{width:76%;margin:0 0 0 auto;transform:rotate(-2deg)}
.band-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:1.5rem 1.5rem 50% 50%}

.routes{padding-top:5rem;padding-bottom:5rem;background:var(--cream)}
.routes-lead{display:grid;gap:1.4rem}
.routes-photo{width:88%;margin:0 0 2rem auto}
.section-heading{margin-bottom:.5rem}
.route-grid{display:grid;gap:1rem}
.route-card{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:1.4rem;border:1px solid var(--evergreen);border-radius:1.75rem;box-shadow:5px 6px 0 var(--evergreen);transition:transform .18s}
.route-card:hover{transform:translateY(-4px)}
.route-card h3{margin-bottom:.7rem;font-size:2.9rem;line-height:.95}
.route-card p{max-width:26rem}
.route-cta{font-family:var(--font-utility);font-size:.9rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.route-club{background:var(--peach);color:var(--evergreen)}
.route-notes{background:var(--sky);color:var(--evergreen)}

.founder-peek{display:grid;gap:2rem;padding-top:5rem;padding-bottom:5rem;background:var(--pink)}
.founder-image{min-height:420px;overflow:hidden;border-radius:48% 48% 1.5rem 1.5rem;background:var(--sky)}
.founder-image img{width:100%;height:100%;min-height:420px;max-height:620px;object-fit:cover;object-position:center 34%}
.founder-copy{align-self:center}
.founder-copy h2{margin-bottom:1.2rem;font-size:clamp(3rem,12vw,5.5rem);line-height:.95}
.founder-copy p:not(.eyebrow){max-width:36rem;line-height:1.75}
.home-closing{display:grid;background:var(--peach)}
.home-closing-photo img{width:100%;height:100%;max-height:680px;object-fit:cover;object-position:center 48%}
.final-cta{padding-top:4.5rem;padding-bottom:4.8rem;background:var(--citrus);color:var(--evergreen);text-align:center}
.final-cta .eyebrow{justify-content:center}
.final-cta h2{margin-bottom:.8rem;font-size:clamp(3.8rem,15vw,7rem);line-height:.9}
.final-cta h2 em{display:block;color:var(--coral)}
.final-cta p:not(.eyebrow){max-width:30rem;margin:0 auto 1.4rem}

/* Inner-page heroes */
.page-hero{padding-top:3.5rem;padding-bottom:4rem;background:var(--paper)}
.page-hero h1{max-width:10ch;margin-bottom:1.25rem;font-size:clamp(4rem,17vw,7.8rem);line-height:.9}
.page-hero .lede{max-width:44rem;font-size:1.05rem;line-height:1.72}
.join-hero{background:var(--peach);color:var(--evergreen)}
.join-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:2.2rem;align-items:end}
.join-intro>*{min-width:0}
.join-hero h1{max-width:8ch}
.join-hero h1 em{display:block;color:var(--coral)}
.join-image{position:relative;overflow:hidden;border-radius:2rem}
.join-image::before{content:'AUSTIN / FIELD TESTED';position:absolute;top:.8rem;left:.8rem;z-index:1;padding:.42rem .65rem;background:var(--paper);color:var(--evergreen);border-radius:999px;font-family:var(--font-utility);font-size:.72rem;font-weight:700;letter-spacing:.08em}
.join-image img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.price-ribbon{display:inline-flex;align-items:baseline;gap:.6rem;margin-top:.65rem;padding:.8rem 1.05rem;background:var(--citrus);color:var(--evergreen);border:1px solid var(--evergreen);border-radius:999px}
.price-ribbon strong{font-family:var(--font-display);font-size:3.1rem;line-height:.8}
.price-ribbon span{font-family:var(--font-utility);font-size:.85rem;font-weight:700;text-transform:uppercase}
.join-purchase-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:1.2rem}
.join-purchase-actions .button{margin:0}
.purchase-button{cursor:pointer}
.price-alt{margin:.55rem 0 0;font-family:var(--font-utility);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--evergreen)}
.closing-alt{margin-top:1rem}
.closing-alt a{color:var(--evergreen);text-decoration:underline;text-underline-offset:3px}
.checkout-note{margin:.7rem 0 0;font-size:.82rem}

.why-section,.offer-section,.how-section,.who-section,.faq-section,.notes-section,.about-section{padding-top:5rem;padding-bottom:5rem}
.why-section{background:var(--paper)}
.why-layout{display:grid;gap:2rem;align-items:center}
.why-section h2,.offer-section h2,.how-section h2,.who-section h2,.faq-section h2,.notes-section h2,.about-section h2{font-size:clamp(3.1rem,13vw,5.8rem);line-height:.94}
.why-section p{max-width:44rem;line-height:1.75}
.why-image{width:88%;margin-left:auto;position:relative}
.why-image::after{content:'OFFLINE > ONLINE';position:absolute;right:-.45rem;bottom:1rem;padding:.45rem .65rem;background:var(--citrus);border:1px solid var(--evergreen);border-radius:999px;font-family:var(--font-utility);font-size:.72rem;font-weight:700;letter-spacing:.08em;transform:rotate(-90deg);transform-origin:right bottom}
.why-image>img:first-child{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1.75rem}

.offer-section{background:var(--sage)}
.offer-lead{display:grid;gap:1.8rem;align-items:end}
.offer-section h2{max-width:10ch}
.offer-photo{width:78%;margin-left:auto;padding:.45rem;background:var(--paper);border:1px solid var(--evergreen);transform:rotate(2deg)}
.offer-photo>img:first-child{width:100%;aspect-ratio:1/1;object-fit:cover}
.offer-grid{display:grid;gap:1rem;margin-top:2.5rem}
.offer-item{display:grid;gap:.6rem;padding:1.4rem;background:var(--paper);border:1px solid var(--evergreen);border-radius:1.25rem}
.offer-item:nth-child(2){background:var(--butter)}
.offer-item:nth-child(3){background:var(--sky)}
.offer-number{font-family:var(--font-utility);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
.offer-item h3{margin:0;font-size:2.1rem;line-height:1}
.offer-item p{margin:0;line-height:1.68}
.offer-fine{max-width:62rem;margin:1.2rem 0 0;font-size:.86rem;line-height:1.62}

.proof-section{display:grid;gap:2.2rem;padding-top:5rem;padding-bottom:5rem;background:var(--sky);color:var(--evergreen)}
.proof-section h2,.proof-story-heading h2{font-size:clamp(3.1rem,13vw,5.8rem);line-height:.94}
.proof-story-body{max-width:48rem}
.proof-story-body>p:first-child{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.35rem);font-style:italic;line-height:1.42}
.proof-story-body p{color:var(--evergreen)}
.proof-story-body .inline-link{color:var(--evergreen)}

.how-section{background:var(--cream)}
.how-layout{display:grid;gap:2.5rem;align-items:center}
.how-list{display:grid;gap:0;margin-top:2rem;border-bottom:1px solid var(--line)}
.how-step{display:grid;grid-template-columns:42px 1fr;gap:.85rem;padding:1.2rem 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
.how-step>span{font-family:var(--font-utility);font-size:1.45rem;font-weight:700;color:var(--coral)}
.how-step h3{margin-bottom:.35rem;font-size:1.85rem;line-height:1}
.how-step p{margin:0;line-height:1.68}
.how-photo{width:78%;margin-left:auto;transform:rotate(-2deg)}
.how-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:50% 50% 1.25rem 1.25rem}

.who-section{background:var(--pink)}
.who-layout{display:grid;gap:2.4rem;align-items:center}
.who-grid{display:grid;gap:.8rem;margin-top:2rem}
.who-card{padding:1.3rem;background:rgba(255,250,240,.72);border-radius:1.2rem}
.who-card h3{margin-bottom:.4rem;font-size:2rem;line-height:1}
.who-card p{margin:0;line-height:1.65}
.who-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1.75rem}

.faq-section{background:var(--paper)}
.faq-section details{border-top:1px solid var(--evergreen)}
.faq-section details:last-child{border-bottom:1px solid var(--evergreen)}
.faq-section summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;cursor:pointer;list-style:none;font-weight:700}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary::after{content:'+';display:grid;place-items:center;flex:0 0 32px;height:32px;background:var(--citrus);border-radius:50%;font-family:var(--font-display);font-size:1.45rem}
.faq-section details[open] summary::after{content:'−'}
.faq-section details p{max-width:46rem;padding-bottom:1.35rem;margin:0;line-height:1.72}
.join-closing{display:grid;background:var(--peach)}
.join-closing-photo{margin:0}
.join-closing-photo img{width:100%;height:100%;max-height:660px;object-fit:cover}
.join-end{padding-top:4.6rem;padding-bottom:4.8rem;background:var(--citrus);color:var(--evergreen);text-align:center}
.join-end h2{margin-bottom:1rem;font-size:clamp(3.7rem,15vw,6.8rem);line-height:.92}
.join-end h2 em{display:block;color:var(--coral)}
.join-end p{max-width:32rem;margin:0 auto 1.5rem}

/* Preserved, currently unlinked founder page */
.about-page .page-hero{background:var(--peach);color:var(--evergreen)}
.about-section{background:var(--paper)}
.about-grid{display:grid;gap:2.2rem}
.about-portrait{overflow:hidden;background:var(--sky);border-radius:48% 48% 1.5rem 1.5rem}
.about-portrait img{width:100%;max-height:690px;object-fit:cover;object-position:center 30%}
.about-copy{max-width:46rem}
.about-copy p{line-height:1.75}
.about-pull{padding:3.5rem 1.25rem;background:var(--pink);font-family:var(--font-display);font-size:clamp(2.8rem,11vw,6rem);font-weight:600;line-height:.94;letter-spacing:-.045em;text-align:center}
.about-pull em{font-weight:500;font-style:italic}

/* Field Notes: magazine archive, not a dark product page */
.notes-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center;overflow:hidden;padding-top:3.8rem;padding-bottom:4rem;background:var(--lilac)}
.notes-hero>*{min-width:0}
.notes-hero h1{max-width:8ch;margin-bottom:1.1rem;font-size:clamp(4rem,17vw,7.8rem);line-height:.9}
.notes-hero .lede{max-width:40rem;line-height:1.72}
.notes-hero-image{margin:0;padding:.5rem;background:var(--paper);border:1px solid var(--evergreen);transform:rotate(1.5deg)}
.notes-hero-image>img:first-child{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 60%}
.archive-section{overflow:hidden;padding-top:4.5rem;padding-bottom:5rem;background:var(--paper)}
.archive-intro{max-width:56rem}
.archive-intro h2{font-size:clamp(3.3rem,13vw,6rem);line-height:.94}
.archive-intro p:last-child{line-height:1.75}
.topic-nav{display:grid;gap:0 2rem;margin:2.5rem 0 5rem;border-top:1px solid var(--line)}
.topic-nav a{display:grid;grid-template-columns:2.3rem 1fr 1rem;align-items:center;gap:.55rem;min-height:64px;padding:.9rem .15rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;font-family:var(--font-utility);font-size:.9rem;font-weight:700;text-transform:uppercase}
.topic-nav a:hover span:nth-child(2){text-decoration:underline;text-underline-offset:4px}
.topic-nav strong{font-size:.82rem;letter-spacing:.08em}
.archive-group{padding-top:3.5rem;padding-bottom:2rem;border-top:1px solid var(--evergreen);scroll-margin-top:5rem}
.archive-group-lead{display:grid;gap:1.5rem;align-items:center;margin-bottom:2.1rem}
.archive-group-lead-simple{grid-template-columns:1fr!important;min-height:13rem;padding-right:6rem}
.archive-group-heading{max-width:40rem}
.archive-heading-illustrated>*:not(.creatures-grackle){position:relative;z-index:1}
.archive-group h3{margin-bottom:.65rem;font-size:clamp(3.1rem,12vw,5.7rem);line-height:.94}
.archive-group-heading>p:last-child{line-height:1.7}
.archive-grid{display:grid;grid-template-columns:1fr;gap:0 1.5rem;list-style:none;margin:0;padding:0}
.archive-grid li,.archive-grid li:nth-child(4n+2),.archive-grid li:nth-child(4n+3),.archive-grid li:nth-child(4n+4){background:transparent;border-top:1px solid var(--line);border-radius:0}
.archive-grid a{display:grid;grid-template-columns:1fr auto;gap:.25rem .7rem;min-height:88px;padding:1rem .15rem;align-content:center}
.archive-grid a:hover strong{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:4px}
.archive-grid span{grid-column:1;color:var(--coral);font-family:var(--font-utility);font-size:.82rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.archive-grid strong{grid-column:1;font-family:var(--font-display);font-size:1.28rem;line-height:1.15;letter-spacing:-.02em}
.archive-grid b{grid-column:2;grid-row:1/3;align-self:center;font-size:1.1rem;font-weight:500}
.archive-bottom{margin-top:3rem;padding:1.5rem;background:var(--sage);border-radius:1.5rem}
.archive-bottom p{max-width:36rem;margin-bottom:.5rem}

.site-footer{display:grid;gap:2.5rem;padding:3.5rem 1.25rem 1.35rem;background:var(--deep-green);color:var(--paper)}
.site-footer .brand span{color:var(--paper)}
.brand-footer strong{font-size:1.55rem}
.footer-main p{margin:1rem 0 0;color:#d8e1d9;font-size:.9rem}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}
.footer-links a{font-family:var(--font-utility);font-size:.86rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.28);color:#bdc9bf;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}

@media (min-width:700px){
  .section-shell{padding-inline:2.5rem}
  .site-header{padding-inline:2.5rem}
  .hero{padding-top:3rem}
  .hero-copy{padding-top:2.5rem}
  .hero-actions{flex-direction:row;align-items:center;gap:1.4rem}
  .hero-art img{height:670px}
  .hero-stamp{right:1.5rem;bottom:1.5rem;width:142px;height:142px}
  .home-intro-photo{width:58%}
  .band-photo{width:56%}
  .routes-lead{grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:end}
  .routes-photo{width:100%;margin-bottom:2rem}
  .route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
  .founder-peek,.about-grid{grid-template-columns:1fr 1fr;align-items:center}
  .join-intro{grid-template-columns:1fr 1fr;gap:3rem}
  .offer-lead{grid-template-columns:1fr .55fr;gap:3rem}
  .offer-photo{width:100%;margin:0}
  .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .why-layout,.how-layout{grid-template-columns:1fr .8fr;gap:3.5rem}
  .why-image,.how-photo{width:100%;margin:0}
  .who-layout{grid-template-columns:1fr .9fr;gap:3.5rem}
  .proof-section-textual{grid-template-columns:.85fr 1.15fr;gap:4rem}
  .proof-story-body{margin:0}
  .notes-hero{grid-template-columns:1fr .9fr;gap:3rem}
  .notes-hero-image>img:first-child{aspect-ratio:3/2}
  .topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-group-lead{grid-template-columns:1fr 1fr;gap:3rem}
  .archive-lead-photo{width:100%;margin:0}
  .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer{grid-template-columns:1fr 1fr;padding:4rem 2.5rem 1.35rem}
  .footer-bottom{grid-column:1/-1}
  .join-purchase-actions{flex-direction:row;align-items:center;gap:1.4rem}
  .hero-oak{top:5rem;right:-2rem;width:245px;opacity:.2}
  .intro-heading-with-mark{padding-bottom:2.8rem;margin-bottom:1.5rem}
  .intro-flower{right:-.8rem;bottom:-3.7rem;width:198px}
  .routes-binoculars{left:1.5rem;bottom:-4.6rem;width:164px;padding:.8rem 1.05rem 1.15rem}
  .route-trail-mark{top:.8rem;right:-3.6rem;width:250px;opacity:.14}
  .closing-armadillo{right:-5rem;bottom:-2.2rem;width:318px;opacity:.25}
  .monthly-loop{left:-2.5rem;width:166px}
  .why-cactus{left:-2.5rem;bottom:-3rem;width:174px}
  .offer-bee{left:-4.4rem;bottom:-3.7rem;width:190px}
  .offer-fossil{top:-2.7rem;right:-2.7rem;width:190px}
  .faq-weather{top:5.4rem;right:-3.4rem;width:222px;opacity:.38}
  .notes-notebook{left:-3rem;bottom:-3.6rem;width:174px}
  .creatures-grackle{right:-1.5rem;bottom:-2rem;width:190px}
  .note-cicada{right:-3rem;bottom:-3.4rem;width:176px;opacity:.16}
  .place-minnow{right:-2.8rem;bottom:-2.7rem;width:204px}
  .notes-final-cta{padding-top:6.6rem}
  .final-bats{top:-4.6rem;width:440px;opacity:.28}
}

@media (min-width:700px) and (max-width:959px){
  .join-intro{grid-template-columns:1fr}
  .join-hero h1{max-width:8ch;font-size:clamp(5rem,12vw,6rem)}
  .founder-peek{grid-template-columns:.8fr 1.2fr;gap:2.75rem}
  .founder-copy h2{font-size:clamp(3.2rem,7.5vw,4.25rem)}
  .about-grid{grid-template-columns:1fr}
  .about-portrait{width:64%;margin-right:auto}
  .why-layout,.how-layout,.who-layout,.proof-section-textual{grid-template-columns:1fr;gap:2.75rem}
  .why-copy,.how-content,.who-layout>div,.proof-story-heading,.proof-story-body{max-width:42rem}
  .why-image,.who-photo{width:72%;margin-left:auto}
  .how-photo{width:54%;margin-left:auto}
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .offer-item:nth-child(3){grid-column:1/-1}
  .proof-story-body{margin:0 0 0 auto}
}

@media (min-width:960px){
  .site-header{min-height:5.25rem}
  .menu-toggle{display:none}
  .site-nav{position:static;display:flex;align-items:center;gap:2rem;padding:0;background:transparent;border:0}
  .site-nav a{min-height:44px;padding:0;border:0}
  .site-nav .nav-join{margin:0;padding:.7rem 1.25rem}
  .hero{grid-template-columns:.82fr 1.18fr;grid-template-rows:1fr auto;min-height:calc(100svh - 5.25rem);padding-top:2rem;padding-right:2rem;padding-bottom:1.2rem}
  .hero-copy{z-index:2;align-self:center;padding:4rem 3rem 4rem 0}
  .hero h1{font-size:clamp(6rem,8.5vw,9.2rem)}
  .hero-art{grid-column:2;grid-row:1/3;align-self:stretch;border-radius:2.5rem}
  .hero-art img{height:100%;min-height:690px}
  .hero-stamp{right:1.8rem;bottom:1.8rem}
  .hero-bottom{grid-column:1;grid-row:2;padding-right:3rem}
  .home-intro{grid-template-columns:.78fr .82fr .42fr;gap:3rem;align-items:center;padding-top:7rem;padding-bottom:7rem}
  .home-intro-photo{width:100%;margin:0}
  .intro h2{margin:0;font-size:clamp(4.5rem,5.7vw,6.8rem)}
  .editorial-band{margin:2rem;border-radius:2.5rem;padding-top:1.8rem;padding-bottom:5rem}
  .band-grid{grid-template-columns:1fr .65fr .48fr;gap:3rem;align-items:center;padding-top:3.5rem}
  .band-grid h2{font-size:clamp(4.8rem,6.5vw,8rem)}
  .band-photo{width:100%;margin:0}
  .routes{padding-top:7rem;padding-bottom:7rem}
  .section-heading h2{font-size:clamp(4.5rem,5.8vw,6.8rem)}
  .route-card{min-height:370px;padding:1.8rem}
  .route-card h3{font-size:3.7rem}
  .founder-peek{gap:5rem;padding-top:7rem;padding-bottom:7rem}
  .home-closing,.join-closing{grid-template-columns:.95fr 1.05fr;align-items:stretch}
  .home-closing-photo img,.join-closing-photo img{max-height:none}
  .home-closing .final-cta,.join-closing .join-end{display:flex;flex-direction:column;align-items:center;justify-content:center}
  .page-hero{padding-top:5rem;padding-bottom:5.5rem}
  .join-intro{grid-template-columns:.85fr 1.15fr;gap:5rem}
  .join-hero h1{font-size:clamp(5.6rem,7vw,8.6rem)}
  .why-section,.offer-section,.how-section,.who-section,.faq-section,.about-section{padding-top:7rem;padding-bottom:7rem}
  .why-layout{grid-template-columns:.85fr 1.15fr;gap:5rem}
  .why-section h2{font-size:clamp(4rem,4.8vw,5.4rem)}
  .why-image>img:first-child{aspect-ratio:16/10}
  .offer-grid{margin-top:3.5rem}
  .how-layout{grid-template-columns:1fr .55fr;gap:6rem}
  .who-layout{grid-template-columns:.9fr 1.1fr;gap:5rem}
  .proof-section{padding-top:7rem;padding-bottom:7rem}
  .notes-hero{grid-template-columns:.9fr 1.1fr;gap:5rem;padding-top:5rem;padding-bottom:6rem}
  .notes-hero h1{font-size:clamp(5.8rem,7.5vw,8.6rem)}
  .archive-section{padding-top:6rem;padding-bottom:7rem}
  .archive-group{padding-top:5rem;padding-bottom:3rem}
  #place .archive-lead-photo,#together .archive-group-lead>img{order:-1}
}

@media (min-width:960px) and (max-width:1199px){
  .hero{grid-template-columns:1fr 1fr}
  .hero-copy{padding-right:2rem}
  .hero h1{font-size:clamp(5.1rem,8vw,6.35rem)}
  .home-intro{grid-template-columns:.8fr .9fr .55fr;gap:2.4rem}
  .join-intro{grid-template-columns:.9fr 1.1fr;gap:3rem}
  .join-hero h1{font-size:clamp(4.6rem,6.6vw,5.45rem)}
  .why-layout{gap:3.5rem}
  .how-layout{gap:3.75rem}
  .who-layout{gap:3.5rem}
  .notes-hero{gap:3.5rem}
}

@media (min-width:1400px){
  .section-shell{padding-left:max(4rem,calc((100vw - 1500px)/2));padding-right:max(4rem,calc((100vw - 1500px)/2))}
  .site-header{padding-left:max(4rem,calc((100vw - 1500px)/2));padding-right:max(4rem,calc((100vw - 1500px)/2))}
  .site-footer{padding-left:max(4rem,calc((100vw - 1500px)/2));padding-right:max(4rem,calc((100vw - 1500px)/2))}
  .hero{grid-template-columns:.9fr 1.1fr}
  .hero h1{font-size:clamp(6.7rem,7.1vw,8.4rem)}
}

@media (max-width:699px){.join-hero h1{max-width:100%;font-size:clamp(3.7rem,15.5vw,5rem)}}
@media (max-width:420px){.hero h1,.page-hero h1,.notes-hero h1{font-size:clamp(3.65rem,16.5vw,4.35rem)}}
@media (max-width:359px){.home-intro-photo,.offer-photo,.how-photo,.why-image{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button,.menu-toggle span{transition:none}}

/* Real-photo crops (Oct 29, 2026): keep faces and bats in frame */
img[src$="bats-over-pho-viet.jpg"]{object-position:center 30%}
img[src$="roam-ranch-field-notes.jpg"]{object-position:center 0%}
img[src$="congress-bridge-bat-crowd.jpg"]{object-position:center 45%}
img[src$="bat-refuge-members-tour.jpg"]{object-position:center 45%}
img[src$="nicole-holding-lichen.jpg"],img[src$="nicole-pointing-cactus-fruit.jpg"],img[src$="nicole-cactus-portrait.jpg"],img[src$="nicole-pergola-portrait.jpg"]{object-position:center 28%}
.nowrap{white-space:nowrap}
.offer-note-label{margin:1.2rem 0 .35rem;font-family:var(--font-utility);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--coral)}
.offer-note{max-width:34rem;margin:0}
.misogi-links{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
.cred-section{padding-top:4rem;padding-bottom:4rem;background:var(--paper);color:var(--evergreen)}
.cred-grid{display:grid;gap:1.6rem}
.cred{margin:0;padding-top:1.1rem;border-top:1px solid var(--line)}
.cred-big{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.2rem);font-weight:600;line-height:1.05;letter-spacing:-.02em}
.cred-small{margin:0;font-size:.9rem;color:var(--ink)}
.cred-small a{text-decoration:underline;text-underline-offset:3px}
.cred-quote p{margin:0 0 .7rem;font-family:var(--font-display);font-style:italic;font-size:1.15rem;line-height:1.45}
.cred-quote footer{font-family:var(--font-utility);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--coral)}
@media (min-width:960px){.cred-grid{grid-template-columns:1fr 1.6fr;gap:3rem}}
@media (min-width:1400px){.cred-section{padding-left:max(4rem,calc((100vw - 1500px)/2));padding-right:max(4rem,calc((100vw - 1500px)/2))}}
@media (min-width:700px) and (max-width:1399px){.cred-section{padding-inline:2.5rem}}