@layer components{.phero{gap:var(--space-m);padding-block:var(--space-m) var(--space-s);align-items:center;display:grid}.phero__copy{gap:var(--space-xs);align-content:start;min-inline-size:0;display:grid}.phero__copy>*{margin:0}.phero h1{max-inline-size:20ch}.phero--banner h1{max-inline-size:24ch}.phero .hl{color:var(--accent-ink);font-style:italic}.phero__visual{order:-1;margin:0;position:relative}.phero__visual.contour:before{border-radius:50%;block-size:70%;inline-size:70%;inset:-1.2rem 0 auto auto}.phero__photo{border-radius:var(--radius-l);background:var(--card-2);box-shadow:0 30px 60px -40px var(--shadow);aspect-ratio:16/9;position:relative;overflow:hidden}.phero__photo img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.phero__visual .photo-credit{text-align:end;margin-block-start:.35rem;display:block}.phero--solo{grid-template-columns:1fr}@media (width>=62rem){.phero{gap:var(--space-xl);padding-block:var(--space-l);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.phero--banner{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr)}.phero--solo{grid-template-columns:1fr}.phero__visual{order:0}.phero__photo{aspect-ratio:4/3.1;rotate:.6deg}.phero--banner .phero__photo{aspect-ratio:1;max-block-size:26rem}}.blog-cats{margin-block:var(--space-xs) var(--space-l)}.blog-cats ul{scrollbar-width:none;gap:.45rem;padding-block-end:.35rem;display:flex;overflow-x:auto}.blog-cats a{border:var(--hair) solid var(--line);background:var(--card);min-block-size:2.5rem;color:var(--text-2);font-weight:800;font-size:var(--step--1);white-space:nowrap;border-radius:999px;align-items:center;padding:.4rem 1rem;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s;display:inline-flex;&:hover{color:var(--text);border-color:var(--line-2)}&[aria-current=page]{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-edge);border-color:#0000}}.post-grid{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.post-card{border-radius:var(--radius-l);background:var(--card);border:var(--hair) solid var(--line);transition:translate .2s var(--ease-out), box-shadow .2s;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden;&:hover{box-shadow:0 18px 40px -22px var(--shadow);translate:0 -4px}&:hover .post-card__media img{scale:1.05}}.post-card__media{aspect-ratio:16/10;background:var(--card-2);display:block;overflow:hidden}.post-card__media img{object-fit:cover;block-size:100%;inline-size:100%;transition:scale .5s var(--ease-out)}.post-card__body{padding:var(--space-s) var(--space-m) var(--space-m);flex-direction:column;gap:.45rem;display:flex}.post-card__cat{background:var(--accent-soft);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.05em;z-index:1;border-radius:999px;align-self:flex-start;align-items:center;min-block-size:24px;padding:.15rem .6rem;font-size:.72rem;font-weight:900;text-decoration:none;display:inline-flex;position:relative}.post-card__title{font-size:var(--step-1);font-weight:650;line-height:1.2}.post-card__title a{color:var(--text);font-weight:inherit;text-decoration:none;&:after{content:"";position:absolute;inset:0}}.post-card__title a:focus-visible{outline:none}.post-card:has(.post-card__title a:focus-visible){outline:2.5px solid var(--focus);outline-offset:3px}.post-card__excerpt{color:var(--text-2);font-size:var(--step--1);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--text-3);margin-block-start:auto;padding-block-start:.35rem;font-size:.78rem;font-weight:750}.post-card--lead{margin-block-end:var(--space-m)}@media (width>=52rem){.post-card--lead{grid-template-rows:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.post-card--lead .post-card__media{aspect-ratio:auto;min-block-size:20rem}.post-card--lead .post-card__body{padding:var(--space-l);justify-content:center;gap:.7rem}.post-card--lead .post-card__title{font-size:var(--step-3)}.post-card--lead .post-card__excerpt{font-size:var(--step-0);-webkit-line-clamp:4}}.blog-pager{justify-content:space-between;align-items:center;gap:var(--space-s);margin-block:var(--space-l);display:flex}.blog-pager__n{color:var(--text-3);font-weight:800;font-size:var(--step--1)}.blog-empty{text-align:center;padding:var(--space-xl) var(--space-m)}.blog-empty h2{font-size:var(--step-2);margin-block-end:.4rem}.blog-empty p{margin-inline:auto}.blog-ad{margin-block:var(--space-m);justify-items:center;gap:.3rem;display:grid}.blog-ad__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:.68rem;font-weight:800}.blog-ad img{border-radius:var(--radius-s);block-size:auto;max-inline-size:100%}.blog-ad__placeholder{inline-size:min(100%, var(--ad-w));block-size:min(var(--ad-h), 12rem);border:1.5px dashed var(--line-2);border-radius:var(--radius);color:var(--text-3);font-weight:800;font-size:var(--step--1);place-items:center;display:grid}.phero.post__hero h1{max-inline-size:24ch;font-size:clamp(2rem,1.4rem + 2.2vw,3.2rem)}.post__hero .lede{max-inline-size:60ch}.post__meta{color:var(--text-2);font-size:var(--step--1);flex-wrap:wrap;gap:.4rem 1rem;margin-block-start:var(--space-s);font-weight:750;display:flex}.post__meta li{align-items:center;gap:.35rem;display:inline-flex}.post__meta svg{block-size:1rem;inline-size:1rem;color:var(--accent-ink)}.crumbs{color:var(--text-3);margin-block-end:var(--space-xs);font-weight:800}.crumbs a{color:var(--text-2)}.post__layout{gap:var(--space-l) var(--space-xl);align-items:start;display:grid}@media (width>=64rem){.post__layout{grid-template-columns:minmax(0,1fr) 17rem}}.post__main{min-inline-size:0;max-inline-size:44rem}.post__side{gap:var(--space-s);display:grid;position:sticky;inset-block-start:calc(var(--appbar-h) + var(--space-s))}@media (width<=63.99rem){.post__side{position:static}.post__side .post__toc{display:none}}@media (width>=64rem){.post__toc--mobile{display:none}}.post__summary{padding:var(--space-m);border-radius:var(--radius-l);background:var(--accent-soft);border:var(--hair) solid color-mix(in oklch, var(--accent) 35%, transparent);margin-block-end:var(--space-l)}.post__summary h2{font-family:var(--font-ui);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);margin-block-end:.5rem;font-weight:700}.post__summary ul{gap:.45rem;display:grid}.post__summary li{color:var(--text);padding-inline-start:1.5rem;font-weight:700;position:relative}.post__summary li:before{content:"";background:var(--accent);block-size:.55rem;inline-size:.55rem;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;position:absolute;inset-block-start:.55em;inset-inline-start:.2rem}.post__toc{font-size:var(--step--1);position:relative}.post__chapter{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-weight:850;text-decoration:none;display:inline-flex}.post__chapter:hover{background:color-mix(in oklch, var(--accent) 30%, var(--accent-soft))}.post__toc-title,.post__toc summary{color:var(--text);margin-block-end:.4rem;font-weight:900}.post__toc summary{cursor:pointer;min-block-size:24px}.post__toc--mobile{padding:var(--space-s) var(--space-m);border-radius:var(--radius-l);background:var(--card);border:var(--hair) solid var(--line);margin-block-end:var(--space-m)}.post__toc ol{gap:.15rem;display:grid}.post__toc li.sub{padding-inline-start:.9rem}.post__toc a{color:var(--text-2);border-radius:8px;padding:.3rem .55rem;font-weight:700;line-height:1.3;text-decoration:none;display:block;&:hover{background:var(--card-2);color:var(--text)}&[aria-current]{background:var(--accent-soft);color:var(--accent-ink)}}.post__cta{color:var(--text);padding:var(--space-s);transition:translate .16s var(--ease-out);align-items:flex-start;gap:.75rem;text-decoration:none;display:flex}.post__cta:hover{translate:0 -2px}.post__cta svg{block-size:1.6rem;inline-size:1.6rem;color:var(--accent-ink);flex:none}.post__cta strong{font-weight:900;display:block}.post__cta small{color:var(--text-2);margin-block-start:.15rem;font-size:.8rem;font-weight:650;display:block}.post__block{margin-block-start:var(--space-xl)}.species-links{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.species-link{block-size:100%;color:var(--text);transition:translate .16s var(--ease-out), border-color .16s;justify-items:start;gap:.35rem;text-decoration:none;display:grid;&:hover{border-color:var(--line-2);text-decoration:none;translate:0 -2px}&:focus-visible{outline:2.5px solid var(--focus);outline-offset:3px}}.species-link.card>*+*{margin-block-start:0}.species-link__kind{font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.species-link__kind svg{block-size:1rem;inline-size:1rem}.species-link__name{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;line-height:1.2}.species-link__latin{color:var(--text-3);font-size:var(--step--1);margin-block-start:-.2rem}.species-link__go{color:var(--accent-ink);font-weight:700;font-size:var(--step--1);align-items:center;gap:.3rem;margin-block-start:.2rem;display:inline-flex}.species-link__go svg{block-size:1em;inline-size:1em;transition:translate .16s var(--ease-out)}.species-link:hover .species-link__go svg{translate:3px}@media (prefers-reduced-motion:reduce){.species-link,.species-link__go svg{transition:none}}.post__block>h2{font-size:var(--step-2);margin-block-end:var(--space-s)}.post__tags{flex-wrap:wrap;gap:.4rem;margin-block-start:var(--space-l);display:flex}.post__tags a{background:var(--card-2);min-block-size:2rem;color:var(--text-2);font-weight:800;font-size:var(--step--1);border-radius:999px;align-items:center;padding:.2rem .75rem;text-decoration:none;display:inline-flex}.post__tags a:hover{color:var(--text)}.post__author{gap:var(--space-s);align-items:center;margin-block-start:var(--space-l);display:flex}.post__avatar{background:linear-gradient(160deg, var(--accent), var(--accent-edge));block-size:3rem;inline-size:3rem;color:var(--on-accent);font-weight:900;font-size:var(--step-1);border-radius:50%;flex:none;place-items:center;display:grid}.post__author-name{color:var(--text);font-weight:900}.post__author{align-items:flex-start}.post__avatar--brand{object-fit:cover;block-size:3.5rem;inline-size:3.5rem;box-shadow:0 2px 0 var(--line);background:0 0;border-radius:.95rem}.post__author-role{color:var(--text-3);font-size:var(--step--1);font-weight:750}.post__author-bio{margin-block-start:.35rem}.post__author-links{flex-wrap:wrap;gap:.25rem 1rem;margin-block-start:.5rem;font-weight:800;display:flex}.post__byline-avatar{border-radius:.45rem;block-size:1.5rem;inline-size:1.5rem}.post__comments{max-inline-size:44rem}.comments__empty{color:var(--text-2);font-weight:600}.comments__list,.comments__replies{gap:var(--space-s);display:grid}.comments__replies{border-inline-start:2px solid var(--line);margin-block-start:var(--space-s);padding-inline-start:var(--space-m)}.comments__item{padding:var(--space-s) var(--space-m);border-radius:var(--radius);background:var(--card);border:var(--hair) solid var(--line)}.comments__replies .comments__item{background:var(--card-2)}.comments__head{font-size:var(--step--1);color:var(--text);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comments__head time{color:var(--text-3);font-weight:700}.comments__avatar{background:var(--accent-soft);block-size:1.8rem;inline-size:1.8rem;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:900;display:grid}.comments__body{white-space:pre-line;color:var(--text-2);margin-block-start:.4rem;font-weight:600}.comments__reply{min-block-size:24px;color:var(--accent-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;margin-block-start:.4rem;padding:.15rem .55rem;font-size:.8rem;font-weight:850}.comments__reply:hover{background:var(--accent-soft)}.comments__formtitle{margin-block:var(--space-l) var(--space-s);font-size:var(--step-1)}.comments__form{gap:var(--space-s);margin-block-start:var(--space-s);display:grid}.comments__field{font-size:var(--step--1);color:var(--text-2);gap:.3rem;font-weight:800;display:grid}.comments__field input,.comments__field textarea{font:inherit;font-weight:650;font-size:var(--step-0);color:var(--text);background:var(--card);border:1.5px solid var(--line-2);border-radius:12px;padding:.6rem .75rem;&:focus-visible{border-color:var(--accent-edge);box-shadow:0 0 0 3px var(--accent-soft);outline:none}&[aria-invalid=true]{border-color:var(--red)}}.comments__field small{color:var(--text-3);justify-self:end;font-weight:700}.comments__field em{color:var(--red);font-style:normal;font-weight:800}.comments__hp{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.comments__error{color:var(--red);font-weight:800}.comments__ok{color:var(--accent-ink);font-weight:800}.comments__form .btn{justify-self:start}}.prose-journal{color:var(--text-2);overflow-wrap:break-word;font-size:1.0625rem;font-weight:550;line-height:1.75}.prose-journal>*+*{margin-block-start:1.15em}.prose-journal h2,.prose-journal h3{color:var(--text);letter-spacing:-.02em;text-wrap:balance;scroll-margin-block-start:6rem;font-weight:900;line-height:1.15}.prose-journal h2{margin-block-start:2.1em;font-size:clamp(1.45rem,1.25rem + .8vw,1.85rem)}.prose-journal h3{margin-block-start:1.7em;font-size:clamp(1.18rem,1.1rem + .35vw,1.32rem)}.prose-journal h2+*,.prose-journal h3+*{margin-block-start:.6em}.prose-journal .prose__anchor{color:var(--text-3);opacity:0;margin-inline-start:.4em;text-decoration:none;transition:opacity .16s}.prose-journal :is(h2,h3):hover .prose__anchor,.prose-journal .prose__anchor:focus-visible{opacity:1}.prose-journal strong{color:var(--text);font-weight:850}.prose-journal a:not(.prose__anchor){color:var(--accent-ink);text-underline-offset:.2em;text-decoration:underline 1.5px;text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);font-weight:750}.prose-journal a:not(.prose__anchor):hover{text-decoration-color:currentColor}.prose-journal ul,.prose-journal ol{padding-inline-start:1.3em}.prose-journal ul{list-style:outside}.prose-journal ol{list-style:decimal}.prose-journal li+li{margin-block-start:.4em}.prose-journal li::marker{color:var(--accent-ink);font-weight:900}.prose-journal blockquote{border-inline-start:4px solid var(--accent);background:var(--card-2);color:var(--text);border-radius:0 14px 14px 0;padding:.9em 1.1em;font-size:1.1rem;line-height:1.55}.prose-journal code{background:var(--card-2);border-radius:6px;padding:.1em .35em;font-size:.9em}.prose-journal pre{background:var(--card-2);border-radius:14px;padding:1em 1.1em;font-size:.875rem;line-height:1.6;overflow-x:auto}.prose-journal pre code{background:0 0;padding:0}.prose-journal hr{border:0;border-block-start:1px solid var(--line);margin-block:2.5em}.prose-journal .prose__fig{margin-block:2em;display:block}.prose-journal .prose__fig img{background:var(--card-2);border-radius:18px;block-size:auto;max-inline-size:100%;margin-inline:auto;display:block}.prose-journal .prose__cap{text-align:center;color:var(--text-3);margin-block-start:.6em;font-size:.8rem;font-weight:650;display:block}.prose-journal .prose__table{border:1px solid var(--line);background:var(--card);border-radius:16px;margin-block:2em;overflow-x:auto}.prose-journal table{border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;inline-size:100%;font-size:.92rem}.prose-journal thead th{text-align:start;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border-block-end:1px solid var(--line);white-space:nowrap;padding:.75em .9em;font-size:.72rem;font-weight:900}.prose-journal td{border-block-start:1px solid var(--line);color:var(--text);vertical-align:top;padding:.7em .9em}.prose-journal tbody tr:first-child td{border-block-start:0}.prose-journal input[type=checkbox]{accent-color:var(--accent-edge);margin-inline-end:.4em}