@layer reset, tokens, base, layout, components, pages, utilities;
@layer pages{.tr-carte:hover, .tr-entree:target{border-color: var(--tone, var(--line-strong));box-shadow: var(--shadow-2)}.tr-carte:has(a:focus-visible){outline: 3px solid var(--focus);outline-offset: 4px}.tr-carte .tr-titre a{text-decoration: none;transition: color var(--dur-1) linear}.tr-carte .tr-titre a::after{content: "";position: absolute;inset: 0;border-radius: inherit}.tr-carte .tr-titre a:focus-visible{outline: none}.tr-carte:hover .tr-titre a{color: var(--tone-text, var(--fg))}@media (min-width: 640px) and (max-width: 999.98px){.tr-carte{grid-template-columns: minmax(0, 2fr) minmax(0, 3fr)}}.tr-figure{display: grid;align-content: start;min-width: 0}.tr-media{position: relative;overflow: hidden;aspect-ratio: 3 / 2;background: var(--tone, var(--encre-3))}.tr-media > svg, .tr-media img{display: block;width: 100%;height: 100%;object-fit: cover}.tr-media > .tr-affiche{overflow: hidden}.tr-affiche.tr-affiche--rouge{--tr-fond: var(--hx-r0)}.tr-affiche.tr-affiche--magenta{--tr-fond: var(--hx-m0)}.tr-affiche.tr-affiche--vert{--tr-fond: var(--hx-v0)}.tr-affiche.tr-affiche--encre{--tr-fond: var(--encre-3)}.tr-affiche .tr-fond{fill: var(--tr-fond)}.tr-affiche .tr-jl{fill: none;stroke: var(--tr-fond)}.tr-affiche .tr-k, .tr-affiche text{fill: var(--craie)}.tr-affiche .tr-t{fill: none;stroke-linecap: round;stroke-linejoin: round}.tr-affiche .tr-jt{stroke: var(--tr-fond)}.tr-affiche .tr-tk{stroke: var(--craie)}.tr-affiche text{font-family: var(--font-display)}.tr-a-date{font-weight: 600;letter-spacing: 0.16em}.tr-a-lieu{font-weight: 700;letter-spacing: -0.035em}.tr-corps{display: grid;align-content: start;gap: var(--s-3);min-width: 0;padding: var(--s-5)}.tr-meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-1) var(--s-4);font-size: var(--t-xs);color: var(--fg-muted)}.tr-type{display: inline-flex;align-items: center;gap: 0.45rem;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--tone-text, var(--fg))}.tr-type::before{content: "";flex: none;width: 0.55rem;height: 0.55rem;border-radius: 50%;background: var(--tone, var(--fg))}.tr-date{font-weight: 600;color: var(--fg)}.tr-titre{font-size: clamp(1.35rem, 1.15rem + 0.8vw, 1.85rem);line-height: 1.1;letter-spacing: -0.025em}.tr-faits{display: grid;gap: var(--s-3);font-size: var(--t-sm);line-height: 1.45}.tr-faits > div{display: grid;gap: 0.15rem}.tr-faits dt{font-size: var(--t-xs);font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--fg-muted)}.tr-noms, .tr-legende{font-size: var(--t-xs);line-height: 1.5;letter-spacing: 0.005em;color: var(--fg-subtle)}.tr-noms{padding-top: var(--s-3);border-top: 1px solid var(--line)}.tr-legende{padding: var(--s-2) var(--s-5) 0}.tr-credit{white-space: nowrap}.tr-page{display: grid;gap: var(--s-8);padding: var(--section-y) var(--pad-x)}.tr-annee{display: grid;gap: var(--s-5) var(--s-8)}.tr-annee + .tr-annee{padding-top: var(--s-8);border-top: 1px solid var(--line)}.tr-annee-titre{font-size: clamp(3rem, 2rem + 3.6vw, 5.5rem);line-height: 0.85;letter-spacing: -0.05em;font-variant-numeric: tabular-nums;white-space: nowrap}.tr-entrees{display: grid;gap: var(--s-5)}.tr-entree-haut{display: grid}.tr-entree .tr-titre{font-size: clamp(1.6rem, 1.25rem + 1.3vw, 2.4rem)}.tr-phrase{max-width: 62ch;color: var(--fg-muted)}.tr-entree-bas{display: grid;gap: var(--s-4);margin: 0 var(--s-5);padding: var(--s-4) 0 var(--s-5);border-top: 1px solid var(--line)}.tr-entree-bas .tr-faits{grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));gap: var(--s-3) var(--s-6)}.tr-entree-bas .tr-noms{border-top: 0;padding-top: 0}.tr-lien .link-cta{font-size: var(--t-sm)}@media (min-width: 760px){.tr-entree-haut{grid-template-columns: minmax(0, 5fr) minmax(0, 6fr)}.tr-entree-haut .tr-corps{align-content: center;padding: var(--s-6)}.tr-entree-bas{margin: 0 var(--s-6);padding-bottom: var(--s-6)}}@media (min-width: 1100px){.tr-annee{grid-template-columns: minmax(12rem, 0.4fr) minmax(0, 2fr)}.tr-annee-titre{position: sticky;top: calc(var(--header-h) + var(--s-6));align-self: start}}.tr-galerie{margin: 0}.tr-tuiles{display: grid;gap: 3px;aspect-ratio: 3 / 2;overflow: hidden;background: var(--surface)}.tr-tuiles--2{grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)}.tr-tuiles--3{grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);grid-template-rows: repeat(2, minmax(0, 1fr))}.tr-tuiles--3 > li:first-child{grid-row: 1 / -1}.tr-tuiles > li{position: relative;min-width: 0;min-height: 0}.tr-tuile{position: absolute;inset: 0;display: block;overflow: hidden;background: var(--tone, var(--encre-3));cursor: zoom-in}.tr-tuile picture, .tr-tuile img{display: block;width: 100%;height: 100%;object-fit: cover}.tr-tuile::after{content: "";position: absolute;inset: 0;outline: 2px solid transparent;outline-offset: -2px;pointer-events: none;transition: outline-color var(--dur-1) linear}.tr-tuile:hover::after{outline-color: var(--craie)}.tr-tuile:focus-visible{outline: none}.tr-tuile:focus-visible::after{outline: 3px solid var(--focus);outline-offset: -3px}.tr-plus{position: absolute;inset: 0;display: grid;place-items: center;background: rgba(11, 15, 19, 0.58);color: var(--craie);font-family: var(--font-display);font-size: clamp(1.4rem, 1rem + 1.4vw, 2.2rem);font-weight: 600;letter-spacing: -0.02em}.tr-galerie .tr-legende{padding: var(--s-2) var(--s-5) 0}@media (min-width: 760px){.tr-entree-haut .tr-galerie .tr-legende{padding-bottom: var(--s-2)}}.tr-outils{position: sticky;top: var(--header-h);z-index: 4;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-3) var(--s-6);margin-top: calc(-1 * var(--s-5));padding: var(--s-3) 0;background: var(--bg);border-bottom: 1px solid var(--line)}.tr-outils-titre{float: left;margin-right: var(--s-3);padding: 0;font-size: var(--t-xs);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--fg-muted);line-height: 2.75rem}.tr-filtre{display: block;margin: 0;padding: 0;border: 0;min-width: 0}.tr-filtre input{position: absolute;width: 1px;height: 1px;opacity: 0}.tr-filtre label, .tr-index a{display: inline-flex;align-items: center;min-height: 2.75rem;padding: 0 0.95rem;margin: 0 0.25rem 0.25rem 0;border: 1px solid var(--line-strong);border-radius: var(--r-pill);font-size: var(--t-sm);font-weight: 600;color: var(--fg-muted);text-decoration: none;cursor: pointer;transition: border-color var(--dur-1) linear, color var(--dur-1) linear, background-color var(--dur-1) linear}.tr-filtre label:hover, .tr-index a:hover{border-color: var(--fg);color: var(--fg)}.tr-filtre input:checked + label{background: var(--fg);border-color: var(--fg);color: var(--bg)}.tr-filtre input:focus-visible + label{outline: 3px solid var(--focus);outline-offset: 2px}.tr-index ol{display: flex;gap: 0.25rem;list-style: none;overflow-x: auto;scrollbar-width: thin}.tr-index a{margin: 0;font-variant-numeric: tabular-nums}.tr-page:has(#trf-conference:checked) .tr-li:not(.tr-li--conference), .tr-page:has(#trf-terrain:checked) .tr-li:not(.tr-li--terrain), .tr-page:has(#trf-conference:checked) .tr-annee:not(:has(.tr-li--conference)), .tr-page:has(#trf-terrain:checked) .tr-annee:not(:has(.tr-li--terrain)){display: none}.tr-annee, .tr-page:has(.tr-outils) .tr-entree{scroll-margin-top: calc(var(--header-h) + 5rem)}.tr-plis{border-block: 1px solid var(--line);interpolate-size: allow-keywords}.tr-plis-tete{display: flex;align-items: center;justify-content: space-between;gap: var(--s-5);min-height: 4rem;padding: var(--s-4) 0;cursor: pointer;list-style: none;font-family: var(--font-display);font-size: var(--t-h4);font-weight: 500;letter-spacing: -0.015em;line-height: 1.3}.tr-plis-tete::-webkit-details-marker{display: none}.tr-plis-tete:hover{color: var(--accent)}.tr-plis > .tr-entrees{padding-bottom: var(--s-5)}.tr-plis::details-content{block-size: 0;overflow-y: clip;transition: block-size var(--dur-3) var(--ease-out), content-visibility var(--dur-3) allow-discrete}.tr-plis[open]::details-content{block-size: auto}.tv{position: fixed;inset: 0;width: 100%;height: 100%;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;grid-template-rows: auto minmax(0, 1fr) auto;background: var(--encre);color: var(--craie);overscroll-behavior: contain}.tv[open]{display: grid}.tv::backdrop{background: var(--encre)}html.tv-ouverte{overflow: hidden}.tv-tete{display: flex;align-items: center;gap: var(--s-4);padding: var(--s-3) var(--s-3) var(--s-3) var(--s-5)}.tv-titre{flex: 1;min-width: 0;overflow: hidden;font-family: var(--font-display);font-size: var(--t-sm);font-weight: 600;white-space: nowrap;text-overflow: ellipsis}.tv-position{font-size: var(--t-xs);color: var(--dark-muted);font-variant-numeric: tabular-nums}.tv-bouton{display: grid;place-items: center;flex: none;width: 2.75rem;height: 2.75rem;border-radius: 50%;color: var(--craie);background: var(--encre);border: 1px solid rgba(247, 247, 245, 0.3);transition: border-color var(--dur-1) linear}.tv-bouton:hover{border-color: var(--craie)}.tv-bouton svg{width: 1.2rem;height: 1.2rem}.tv :focus-visible{outline: 3px solid #8AB4FF;outline-offset: 3px}.tv-scene{position: relative;display: grid;grid-template: minmax(0, 1fr) / minmax(0, 1fr);place-items: center;min-height: 0;padding: 0 var(--s-9);touch-action: pan-y}.tv-img{max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;transition: opacity var(--dur-2) var(--ease-out)}.tv-img.is-sortie{opacity: 0}.tv-prec, .tv-suiv{position: absolute;top: 50%;translate: 0 -50%}.tv-prec{left: var(--s-4)}.tv-suiv{right: var(--s-4)}.tv-pied{display: grid;gap: 0.15rem;min-height: 3.5rem;padding: var(--s-3) var(--s-5) max(var(--s-4), env(safe-area-inset-bottom))}.tv-legende, .tv-credit{max-width: 72ch;font-size: var(--t-xs);line-height: 1.5}.tv-legende{color: var(--brin-clair)}.tv-credit{color: var(--dark-muted)}@media (max-width: 759.98px){.tv-scene{padding: 0 0 4rem}.tv-prec, .tv-suiv{top: auto;bottom: var(--s-2);translate: none}}@media (prefers-reduced-motion: no-preference){.tv[open]{animation: mv-fondu var(--dur-2) var(--ease-out)}}@media print{.tv, .tr-outils{display: none !important}}@media (forced-colors: active){.tr-media:not(.has-img){display: none}.tr-type::before{background: CanvasText}}}
