/* Composition only; all visual components use their production Trio styles. */
.trio-nature-components .tc-hero { isolation:isolate; overflow:hidden; }
.trio-nature-components .tf-hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.trio-nature-components .tc-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(19,18,18,.14) 0%,rgba(19,18,18,.36) 44%,rgba(19,18,18,.82) 100%); }
.trio-nature-components #fiches-nature,.trio-nature-components #experiences-nature,.trio-nature-components #articles-nature { scroll-margin-top:100px; }
.trio-nature-components .trio-blog-cards,.trio-nature-components #trioBlogArchive { overflow:visible; }
.trio-nature-components #trioBlogArchive { min-height:0; }
.trio-nature-components #trioBlogArchive .tb-topbar h1,.trio-nature-components #trioBlogArchive .tb-topbar h2 { font-size:clamp(28px,3vw,40px); }
.trio-nature-components #articles-nature { padding-top:0; }
.trio-nature-components > .trio-ps { padding-bottom:clamp(56px,6vw,88px); }
.trio-nature-components .tc-chip { text-decoration:none; }
.trio-nature-components :focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .trio-nature-components #trioBlogArchive .tb-card,.trio-nature-components .trio-blog-cards .tb-card { animation:none; opacity:1; transform:none; } }