:root{--container-wide:88rem;--container-medium:70rem;--container-narrow:60rem;--font-main:system-ui, sans-serif;--font-title:var(--font-main);--surface-1:color-mix(in srgb, Canvas 96%, CanvasText 4%);--surface-2:color-mix(in srgb, Canvas 92%, CanvasText 8%);--surface-3:color-mix(in srgb, Canvas 86%, CanvasText 14%);--surface-contrast:CanvasText;--surface-contrast-text:Canvas;--border-color-soft:color-mix(in srgb, Canvas 78%, CanvasText 22%);--border-color-strong:color-mix(in srgb, Canvas 68%, CanvasText 32%);--muted-text-color:color-mix(in srgb, Canvas 35%, CanvasText 65%);--body-font-size:1rem;--body-line-height:1.5;--section-title-size:clamp(1.5rem, 3vw, 2.3rem);--site-footer-font-size:0.875rem;--article-lead-font-size:1.2rem;--article-body-font-size:1.1rem;--article-mobile-lead-font-size:1rem;--article-mobile-body-font-size:1rem;--article-meta-font-size:1.3rem;--section-title-shadow:0 0 1rem #000;--article-title-shadow:0 0 1rem #000;--media-grid-card-caption-shadow:0 0 1rem #000;--body-background:Canvas;--text-color:CanvasText;--link-color:currentColor;--link-hover-color:var(--link-color);--site-header-background:transparent;--site-title-a-color:inherit;--site-title-a-color-hover:var(--site-title-a-color);--site-nav-link-color:inherit;--site-nav-link-hover-color:var(--site-nav-link-color);--site-search-background:var(--surface-1);--site-search-focus-outline-color:currentColor;--site-search-input-background:var(--surface-1);--site-search-input-color:inherit;--site-search-caret-color:currentColor;--site-search-input-placeholder-color:var(--muted-text-color);--site-search-button-background:var(--surface-2);--site-search-button-color:inherit;--site-search-button-hover-background:var(--surface-3);--site-search-button-hover-color:inherit;--site-footer-background:var(--surface-1);--media-grid-card-background:var(--surface-2);--media-grid-card-border-color:var(--border-color-soft);--media-grid-card-hover-border-color:currentColor;--media-grid-card-caption-background:var(--surface-contrast);--media-grid-card-caption-color:var(--surface-contrast-text);--section-link-color:var(--link-color);--section-link-hover-color:var(--link-hover-color);--taxonomy-term-background:var(--surface-1);--taxonomy-term-border-color:var(--border-color-soft);--taxonomy-term-count-color:var(--muted-text-color);--article-content-background:var(--surface-1);--article-panel-background:var(--surface-2);--article-panel-border-color:var(--border-color-soft);--article-figure-surface:var(--surface-2);--article-figure-surface-emphasis:var(--surface-3);--article-summary-border-color:var(--border-color-strong)}@font-face{font-family:bricolage grotesque variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/fonts/bricolage-grotesque-latin-standard-normal.woff2)format("woff2-variations")}@font-face{font-family:instrument sans variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/instrument-sans-latin-wght-normal.woff2)format("woff2-variations")}@font-face{font-family:instrument sans variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/fonts/instrument-sans-latin-wght-italic.woff2)format("woff2-variations")}:root{color-scheme:light dark;--container-wide:100rem;--container-medium:62rem;--container-narrow:52rem;--font-main:"Instrument Sans Variable", "Segoe UI", sans-serif;--font-title:"Bricolage Grotesque Variable", var(--font-main);--body-line-height:1.6;--section-title-size:clamp(2rem, 4vw, 3.5rem);--section-title-shadow:none;--article-title-shadow:none;--media-grid-card-caption-shadow:none;--portail-accent:#2b8c84;--portail-accent-strong:#17585a;--portail-accent-alt:#cb7345;--portail-ring:color-mix(in srgb, var(--portail-accent) 30%, #ffffff);--portail-shadow-strong:0 2rem 5rem rgb(12 26 38 / 16%);--portail-shadow-soft:0 1rem 2.5rem rgb(12 26 38 / 8%);--surface-1:rgb(255 252 247 / 82%);--surface-2:rgb(255 247 238 / 94%);--surface-3:#f0e4d6;--surface-contrast:#102430;--surface-contrast-text:#fffaf3;--border-color-soft:rgb(16 36 48 / 12%);--border-color-strong:rgb(23 88 90 / 35%);--muted-text-color:#5d6b74;--body-background:radial-gradient(circle at 50% 28%, rgb(43 140 132 / 18%), transparent 18rem),
        radial-gradient(circle at 18% 12%, rgb(203 115 69 / 15%), transparent 24rem),
        radial-gradient(circle at 84% 16%, rgb(111 143 56 / 12%), transparent 28rem),
        linear-gradient(180deg, #fffdf9, #f4efe7 52%, #ebe6dd 100%);--text-color:#16303d;--link-color:#17585a;--link-hover-color:#cb7345;--site-header-background:rgb(255 253 249 / 74%);--site-title-a-color:var(--text-color);--site-title-a-color-hover:var(--portail-accent-strong);--site-nav-link-color:var(--muted-text-color);--site-nav-link-hover-color:var(--text-color);--site-search-background:var(--surface-1);--site-search-focus-outline-color:rgb(23 88 90 / 28%);--site-search-input-background:transparent;--site-search-input-color:var(--text-color);--site-search-caret-color:var(--portail-accent);--site-search-input-placeholder-color:var(--muted-text-color);--site-search-button-background:rgb(43 140 132 / 10%);--site-search-button-color:var(--portail-accent-strong);--site-search-button-hover-background:rgb(43 140 132 / 18%);--site-search-button-hover-color:var(--portail-accent-strong);--site-footer-background:transparent;--media-grid-card-background:var(--surface-1);--media-grid-card-border-color:var(--border-color-soft);--media-grid-card-hover-border-color:var(--portail-accent);--media-grid-card-caption-background:var(--surface-contrast);--media-grid-card-caption-color:var(--surface-contrast-text);--section-link-color:var(--link-color);--section-link-hover-color:var(--link-hover-color);--taxonomy-term-background:var(--surface-1);--taxonomy-term-border-color:var(--border-color-soft);--taxonomy-term-count-color:var(--muted-text-color);--article-content-background:linear-gradient(180deg, rgb(255 255 255 / 22%), rgb(255 255 255 / 0)), var(--surface-1);--article-panel-background:linear-gradient(180deg, rgb(255 255 255 / 18%), rgb(255 255 255 / 0)), var(--surface-2);--article-panel-border-color:var(--border-color-soft);--article-figure-surface:var(--surface-2);--article-figure-surface-emphasis:var(--surface-3);--article-summary-border-color:var(--portail-accent)}@media(prefers-color-scheme:dark){:root{--portail-accent:#69c8bf;--portail-accent-strong:#a6f0e7;--portail-accent-alt:#f0a46f;--portail-ring:color-mix(in srgb, var(--portail-accent) 26%, transparent);--portail-shadow-strong:0 2rem 5rem rgb(0 0 0 / 38%);--portail-shadow-soft:0 1rem 2.5rem rgb(0 0 0 / 24%);--surface-1:rgb(18 24 28 / 78%);--surface-2:rgb(24 32 37 / 88%);--surface-3:#23323a;--surface-contrast:#f4f8f7;--surface-contrast-text:#0f1719;--border-color-soft:rgb(240 244 241 / 12%);--border-color-strong:rgb(166 240 231 / 32%);--muted-text-color:#b4c3c7;--body-background:radial-gradient(circle at 50% 26%, rgb(105 200 191 / 14%), transparent 20rem),
            radial-gradient(circle at 16% 14%, rgb(240 164 111 / 14%), transparent 24rem),
            radial-gradient(circle at 84% 18%, rgb(167 190 104 / 10%), transparent 28rem),
            linear-gradient(180deg, #0f1518, #11191d 56%, #0b1012 100%);--text-color:#edf3f4;--link-color:#a6f0e7;--link-hover-color:#ffd0ae;--site-header-background:rgb(15 21 24 / 78%);--site-title-a-color:var(--text-color);--site-title-a-color-hover:var(--portail-accent-strong);--site-nav-link-color:var(--muted-text-color);--site-nav-link-hover-color:var(--text-color);--site-search-background:var(--surface-1);--site-search-focus-outline-color:rgb(166 240 231 / 28%);--site-search-input-color:var(--text-color);--site-search-caret-color:var(--portail-accent);--site-search-input-placeholder-color:var(--muted-text-color);--site-search-button-background:rgb(105 200 191 / 12%);--site-search-button-color:var(--portail-accent-strong);--site-search-button-hover-background:rgb(105 200 191 / 20%);--site-search-button-hover-color:var(--text-color);--media-grid-card-background:var(--surface-1);--media-grid-card-border-color:var(--border-color-soft);--media-grid-card-hover-border-color:var(--portail-accent-strong);--media-grid-card-caption-background:var(--surface-contrast);--media-grid-card-caption-color:var(--surface-contrast-text);--taxonomy-term-background:var(--surface-1);--taxonomy-term-border-color:var(--border-color-soft);--taxonomy-term-count-color:var(--muted-text-color);--article-content-background:linear-gradient(180deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 0)), var(--surface-1);--article-panel-background:linear-gradient(180deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 0)), var(--surface-2);--article-panel-border-color:var(--border-color-soft);--article-figure-surface:var(--surface-2);--article-figure-surface-emphasis:var(--surface-3);--article-summary-border-color:var(--portail-accent)}}body{background-attachment:fixed;main{max-width:none}}header#site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(1rem);>div{max-width:var(--container-wide)}}nav#site-nav{justify-content:flex-end;flex-wrap:wrap;gap:.75rem;>a{padding:.55rem .9rem;border:1px solid var(--border-color-soft);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 84%,transparent);text-decoration:none;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease;&:hover, &:focus-visible{border-color:var(--border-color-strong);background:color-mix(in srgb,var(--surface-2) 92%,transparent);transform:translateY(-.1rem)}}}footer#site-footer{padding-top:1rem;>div{max-width:var(--container-wide)}}.portail-home{max-width:var(--container-wide);margin:0 auto;padding:1rem clamp(1rem,4vw,2rem)5rem}.portail-home__hero{padding:clamp(.5rem,2vw,1.5rem)0 3rem}.portail-home__scene{position:relative;min-height:clamp(46rem,82vw,70rem);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color-soft);border-radius:2rem;background:radial-gradient(circle at center,color-mix(in srgb,var(--portail-accent) 14%,transparent),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 84%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent));box-shadow:var(--portail-shadow-soft);isolation:isolate}.portail-home__scene::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 14%,rgb(255 255 255/.96) 0 .08rem,transparent .16rem),radial-gradient(circle at 12% 36%,color-mix(in srgb,var(--portail-accent) 42%,#ffffff) 0 .11rem,transparent .2rem),radial-gradient(circle at 16% 22%,color-mix(in srgb,var(--portail-accent-alt) 40%,transparent) 0 .15rem,transparent .2rem),radial-gradient(circle at 18% 62%,rgb(255 255 255/.9) 0 .09rem,transparent .17rem),radial-gradient(circle at 22% 84%,color-mix(in srgb,var(--portail-accent) 30%,#ffffff) 0 .08rem,transparent .14rem),radial-gradient(circle at 28% 48%,color-mix(in srgb,var(--portail-accent-alt) 34%,#ffffff) 0 .1rem,transparent .18rem),radial-gradient(circle at 32% 12%,rgb(255 255 255/.86) 0 .07rem,transparent .13rem),radial-gradient(circle at 36% 76%,color-mix(in srgb,var(--portail-accent-strong) 30%,#ffffff) 0 .09rem,transparent .16rem),radial-gradient(circle at 42% 18%,rgb(255 255 255/.94) 0 .08rem,transparent .15rem),radial-gradient(circle at 46% 88%,color-mix(in srgb,var(--portail-accent-alt) 28%,#ffffff) 0 .1rem,transparent .18rem),radial-gradient(circle at 54% 10%,color-mix(in srgb,var(--portail-accent) 28%,#ffffff) 0 .08rem,transparent .14rem),radial-gradient(circle at 58% 68%,rgb(255 255 255/.88) 0 .09rem,transparent .15rem),radial-gradient(circle at 64% 28%,color-mix(in srgb,var(--portail-accent-strong) 34%,#ffffff) 0 .12rem,transparent .2rem),radial-gradient(circle at 68% 84%,rgb(255 255 255/.9) 0 .08rem,transparent .14rem),radial-gradient(circle at 74% 74%,color-mix(in srgb,var(--portail-accent-strong) 36%,transparent) 0 .14rem,transparent .2rem),radial-gradient(circle at 78% 44%,color-mix(in srgb,var(--portail-accent-alt) 34%,#ffffff) 0 .1rem,transparent .18rem),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--portail-accent) 44%,transparent) 0 .18rem,transparent .24rem),radial-gradient(circle at 86% 62%,rgb(255 255 255/.92) 0 .09rem,transparent .16rem),radial-gradient(circle at 90% 34%,color-mix(in srgb,var(--portail-accent) 30%,#ffffff) 0 .08rem,transparent .14rem),radial-gradient(circle at 92% 78%,color-mix(in srgb,var(--portail-accent-strong) 30%,#ffffff) 0 .11rem,transparent .19rem),radial-gradient(circle at 24% 78%,color-mix(in srgb,var(--portail-accent) 34%,transparent) 0 .16rem,transparent .22rem),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--portail-accent) 44%,transparent) 0 .18rem,transparent .24rem),radial-gradient(circle at 74% 74%,color-mix(in srgb,var(--portail-accent-strong) 36%,transparent) 0 .14rem,transparent .2rem);opacity:.92;pointer-events:none}.portail-home__scene::after{content:"";position:absolute;inset:12%;border:1px dashed color-mix(in srgb,var(--border-color-strong) 48%,transparent);border-radius:50%;opacity:.3;transform:rotate(-8deg);pointer-events:none}.portail-home__nucleus{position:relative;z-index:3;color:#16303d;width:clamp(13.5rem,20vw,17rem);aspect-ratio:1;display:grid;place-content:center;gap:.65rem;padding:clamp(1.5rem,4vw,2.2rem);border:1px solid color-mix(in srgb,var(--portail-accent) 24%,transparent);border-radius:50%;background:radial-gradient(circle at 30% 28%,rgb(255 255 255/92%),transparent 18%),radial-gradient(circle at center,color-mix(in srgb,var(--portail-accent) 32%,#fffaf3),color-mix(in srgb,var(--portail-accent-alt) 18%,#e6d8c8) 64%,#d4c1ab 100%);box-shadow:var(--portail-shadow-strong),0 0 0 1.4rem color-mix(in srgb,var(--portail-accent) 10%,transparent);text-align:center}.portail-home__nucleus p{margin:0}.portail-home__nucleus p:first-child{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#17585a}.portail-home__nucleus h1{margin:0;color:#16303d;font-family:var(--font-title);font-size:clamp(1.55rem,2.9vw,2.45rem);line-height:1;text-wrap:balance}.portail-home__nucleus p:last-child{color:#294550;font-size:.98rem;line-height:1.5;text-wrap:balance}.portail-home__orbit{position:absolute;inset:0;pointer-events:none}.portail-home__orbit::before{content:"";position:absolute;top:50%;left:50%;width:calc(var(--orbite-rayon) * 2rem);height:calc(var(--orbite-rayon) * 2rem);border:1px solid color-mix(in srgb,var(--orbite-couleur) 32%,var(--border-color-soft));border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px color-mix(in srgb,var(--orbite-couleur) 8%,transparent)inset}.portail-home__orbit>h2{position:absolute;top:50%;left:50%;transform:translate(-50%,calc((var(--orbite-rayon) * -1rem) - 2.25rem));margin:0;padding:.35rem .8rem;border:1px solid color-mix(in srgb,var(--orbite-couleur) 26%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 78%,transparent);color:var(--orbite-couleur);font-family:var(--font-title);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.portail-home__orbit>ul{list-style:none;margin:0;padding:0}.portail-home__orbit li{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(var(--orbite-angle))translateX(calc(var(--orbite-rayon) * 1rem))rotate(calc(var(--orbite-angle) * -1))}.portail-home__orbit a{--planete-taille:calc(var(--bulle-taille) * 0.8);pointer-events:auto;position:relative;display:block;width:0;height:0;color:var(--text-color);text-decoration:none}.portail-home__planet{--lumiere-x:calc(50% - 24% * cos(var(--orbite-angle)));--lumiere-y:calc(50% - 24% * sin(var(--orbite-angle)));--ombre-x:calc(50% + 34% * cos(var(--orbite-angle)));--ombre-y:calc(50% + 34% * sin(var(--orbite-angle)));display:block;position:absolute;top:0;left:0;width:var(--planete-taille);height:var(--planete-taille);border:1px solid color-mix(in srgb,var(--planete-couleur) 34%,transparent);border-radius:50%;background:radial-gradient(circle at var(--lumiere-x) var(--lumiere-y),rgb(255 255 255/96%),rgb(255 255 255/54%) 12%,transparent 28%),radial-gradient(circle at var(--ombre-x) var(--ombre-y),color-mix(in srgb,var(--planete-couleur) 34%,#101315) 0,transparent 52%),radial-gradient(circle at 38% 35%,color-mix(in srgb,var(--planete-couleur) 28%,#ffffff),color-mix(in srgb,var(--planete-couleur) 54%,#d8ddd7) 64%,color-mix(in srgb,var(--planete-couleur) 76%,#8fa19a) 100%);box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--planete-couleur) 18%,transparent),0 0 0 .45rem color-mix(in srgb,var(--planete-couleur) 8%,transparent);transform:translate(-50%,-50%)scale(1);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.portail-home__planet-label{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:calc((var(--planete-taille) * .5) + .7rem);left:0;min-height:2rem;max-width:8rem;padding:.35rem .75rem;border:1px solid color-mix(in srgb,var(--planete-couleur) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 88%,transparent);box-shadow:0 .45rem 1rem color-mix(in srgb,var(--planete-couleur) 12%,transparent);font-family:var(--font-title);font-size:clamp(.72rem,.9vw,.86rem);line-height:1.2;text-align:center;text-wrap:balance;color:color-mix(in srgb,var(--planete-couleur) 72%,var(--text-color));transform:translateX(-50%);transition:border-color 180ms ease,box-shadow 180ms ease}.portail-home__orbit a:hover .portail-home__planet,.portail-home__orbit a:focus-visible .portail-home__planet{transform:translate(-50%,-50%)scale(1.06)}.portail-home__orbit a:hover .portail-home__planet-label,.portail-home__orbit a:focus-visible .portail-home__planet-label{border-color:color-mix(in srgb,var(--planete-couleur) 36%,transparent);box-shadow:0 .6rem 1.2rem color-mix(in srgb,var(--planete-couleur) 16%,transparent)}.portail-home__pages{display:grid;gap:2rem}.portail-home__section-heading{max-width:42rem;margin:0 auto;text-align:center;>p{margin:0}>p:first-child{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--portail-accent-strong)}>h2{margin:.5rem 0 .75rem;font-family:var(--font-title);font-size:clamp(2rem,4vw,3rem);text-transform:uppercase}>p:last-child{color:var(--muted-text-color);line-height:1.6}}.portail-home__page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.portail-home__page-card{padding:1.4rem;border:1px solid var(--border-color-soft);border-radius:1.5rem;background:var(--surface-1);box-shadow:var(--portail-shadow-soft);transition:transform 160ms ease,border-color 160ms ease;&:hover, &:focus-within{transform:translateY(-.15rem);border-color:var(--border-color-strong)}>h3{margin:0 0 .75rem;font-family:var(--font-title);font-size:1.3rem;line-height:1.15;a{text-decoration:none}}>p{margin:0;color:var(--muted-text-color);line-height:1.55}}article{padding-inline:clamp(1rem,4vw,2rem);>header h1{font-size:clamp(2.75rem,8vw,5rem);letter-spacing:.08em}>div{border:1px solid var(--border-color-soft);border-radius:1.5rem;box-shadow:var(--portail-shadow-soft)}}@media(max-width:56rem){.portail-home__scene{min-height:0;display:grid;gap:1rem;padding:2rem 1rem}.portail-home__scene::after{inset:1.25rem;border-radius:1.5rem}.portail-home__nucleus{width:min(100%,16rem);margin:0 auto}.portail-home__orbit{position:relative;inset:auto;padding-top:.5rem;pointer-events:auto}.portail-home__orbit::before{display:none}.portail-home__orbit>h2{position:static;display:inline-flex;transform:none;margin:0 0 .75rem}.portail-home__orbit>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.portail-home__orbit li{position:static;transform:none}.portail-home__orbit a{display:grid;justify-items:center;gap:.5rem;width:100%;height:auto}.portail-home__planet,.portail-home__planet-label{position:static;transform:none}.portail-home__orbit a:hover .portail-home__planet,.portail-home__orbit a:focus-visible .portail-home__planet{transform:scale(1.02)}.portail-home__planet-label{max-width:none;width:100%}}@media(max-width:32rem){.portail-home__orbit>ul,.portail-home__page-grid{grid-template-columns:1fr}article>div{border-radius:1rem}}body{font-family:var(--font-main);font-size:var(--body-font-size);line-height:var(--body-line-height);margin:0;padding:0;background:var(--body-background);min-height:100vh;display:flex;flex-direction:column;color:var(--text-color);main{flex:1;padding:0;width:100%;margin:auto;max-width:var(--container-wide)}}a{color:var(--link-color);text-underline-offset:.18em;&:hover, &:focus-visible{color:var(--link-hover-color)}}@media(max-width:48rem){body{main>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:1.5rem!important}}}article{--article-block-max-width:var(--container-medium);--article-copy-max-width:var(--container-narrow);--article-copy-margin-inline:auto;--article-caption-max-width:var(--container-narrow);--article-figure-width:100vw;--article-figure-margin-inline:calc(50% - 50vw);--article-figure-max-width:100vw;--article-figure-background:var(--article-figure-surface);--article-figure-image-width:auto;--article-figure-image-max-width:100vw;--article-figure-link-width:fit-content;--article-figure-link-max-width:100vw;--article-content-padding:1rem clamp(1rem, 5vw, 5rem);--article-header-padding:3rem;--article-title-size:5rem;--article-title-align:center;position:relative;padding:2rem 1.5rem 5rem;>:is(header, div, footer, dl){width:100%;margin:auto;max-width:var(--article-block-max-width)}>aside{width:100%;align-self:start;margin:0 auto;max-width:22rem;padding:1.5rem;border:1px solid var(--article-panel-border-color);background:var(--article-panel-background);position:sticky;top:2rem;figure{margin:-1.5rem -1.5rem 1.5rem;overflow:hidden} :is(figure img, dl) { width: 100%; display: block; } figure img { height: auto; } dl { margin: 0; } dt { margin-top: 1.25rem; } dt:first-child { margin-top: 0; } dd { margin: 0.35rem 0 0; font-size: 0.98rem; } dd+dt { padding-top: 1.25rem; border-top: 1px solid var(--article-panel-border-color); } a { text-underline-offset: 0.18em; }}>header{padding:var(--article-header-padding);>figure{margin:0 0 2rem;overflow:hidden;img{width:100%;height:auto;display:block}}h1{margin:0;font-size:var(--article-title-size);font-family:var(--font-title);font-weight:600;text-transform:uppercase;text-wrap:balance;text-shadow:var(--article-title-shadow);text-align:var(--article-title-align)}>p{font-size:var(--article-lead-font-size);line-height:1.5;text-align:justify}}>div{position:relative;line-height:150%;font-size:var(--article-body-font-size);text-align:justify;padding:var(--article-content-padding);background:var(--article-content-background);>:is(p, blockquote, h2, h3, h4, h5, h6, ul, pre, code, div.highlight){max-width:var(--article-copy-max-width);margin-inline:var(--article-copy-margin-inline)}>:is(pre, div.highlight){overflow-x:auto}>:is(h2, h3, h4, h5, h6){margin-top:5rem;font-family:var(--font-title);font-weight:600;text-transform:uppercase}>figure{width:var(--article-figure-width);margin:0;margin-inline:var(--article-figure-margin-inline);padding:2rem 0 1rem;position:relative;max-width:var(--article-figure-max-width);background:var(--article-figure-background);img{max-width:var(--article-figure-image-max-width);max-height:75vh;margin:auto;display:block}figcaption{max-width:var(--article-caption-max-width);margin:auto;font-size:.8rem;padding:0 clamp(1rem,5vw,4rem)}}>figure>a{display:block;width:var(--article-figure-link-width);max-width:var(--article-figure-link-max-width);margin:auto}}&.article-with-aside{--critique-panel-padding:2rem;--critique-panel-background:var(--article-panel-background);--article-block-max-width:var(--container-narrow);--article-copy-max-width:none;--article-copy-margin-inline:0;--article-figure-width:calc(100% + (2 * var(--critique-panel-padding)));--article-figure-margin-inline:calc(var(--critique-panel-padding) * -1);--article-figure-max-width:none;--article-figure-background:var(--article-figure-surface-emphasis);--article-figure-image-width:100%;--article-figure-image-max-width:100%;--article-figure-link-width:100%;--article-figure-link-max-width:100%;--article-header-padding:var(--critique-panel-padding);--article-title-size:clamp(3rem, 5vw, 5.5rem);--article-title-align:left;--article-title-shadow:none;--article-summary-max-width:46rem;--article-summary-margin-inline:0;--article-summary-align:left;--article-summary-padding-left:1.25rem;--article-summary-border-left:0.3rem solid var(--article-summary-border-color);--article-summary-size:1.3rem;--article-summary-line-height:1.7;display:grid;grid-template-columns:minmax(16rem,22rem)minmax(0,1fr);grid-template-areas:"aside header" "aside meta" "aside content" "aside footer";gap:1.5rem 3rem;align-items:start;>:is(aside, dl) dt{font-family:var(--font-title);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}>:is(aside, dl) dd{line-height:1.5}>aside{grid-area:aside;margin:0;max-width:none}>:is(header, dl, div, footer){margin:0}>:is(header, div){padding:var(--critique-panel-padding);background:var(--critique-panel-background)}>header{grid-area:header;>figure{margin:calc(var(--critique-panel-padding) * -1)calc(var(--critique-panel-padding) * -1)var(--critique-panel-padding)}}>dl{grid-area:meta;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;>div{text-align:center}dt, dd{margin:0}dd{margin-top:.45rem;font-size:var(--article-meta-font-size)}}>div{grid-area:content}>footer{grid-area:footer}}@media(max-width:70rem){&.article-with-aside{--article-block-max-width:var(--container-medium);--article-copy-max-width:var(--container-narrow);--article-copy-margin-inline:auto;--article-title-align:center;--article-summary-margin-inline:auto;--article-summary-align:center;--article-summary-padding-left:0;--article-summary-border-left:0;grid-template-columns:1fr;grid-template-areas:"header" "meta" "content" "aside" "footer";gap:2rem;>:is(aside, header, dl, div, footer){margin:0 auto}>aside{max-width:22rem;position:static}>dl{grid-template-columns:1fr}}}@media(max-width:48rem){--article-header-padding: clamp(1.25rem,5vw,2rem); --article-title-size: clamp(2.25rem,11vw,3.5rem); padding: 1.5rem clamp(0.75rem,4vw,1.25rem) 4rem;>aside{padding:1.25rem;figure{margin:-1.25rem -1.25rem 1.25rem}}>header>p,>div{font-size:var(--article-mobile-body-font-size)}>header>p{font-size:var(--article-mobile-lead-font-size)}>div>:is(h2,h3,h4,h5,h6){margin-top:3rem}}}section.section{margin-top:clamp(1.5rem,4vw,2.5rem);header{margin-bottom:clamp(.85rem,2vw,1.25rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1.5rem;h1{font-size:var(--section-title-size);font-family:var(--font-title);font-weight:600;text-transform:uppercase;text-wrap:balance;text-shadow:var(--section-title-shadow)}>a{line-height:1.1;text-underline-offset:.18em;white-space:nowrap;color:var(--section-link-color);font-size:.8rem;&:hover{color:var(--section-link-hover-color)}}}}@media(max-width:48rem){section.section{padding-inline:clamp(.75rem,4vw,1.5rem)}}h1#site-title{margin:0;padding:0;a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--site-title-a-color);span{min-width:0;font-family:var(--font-title);font-size:.95rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}&:hover{color:var(--site-title-a-color-hover)}}}@media(max-width:36rem){h1#site-title{width:100%;a{gap:.75rem}}}nav#site-nav{display:flex;align-items:center;gap:1rem;min-width:0;>a{color:var(--site-nav-link-color);text-decoration:none;&:hover, &:focus-visible{color:var(--site-nav-link-hover-color)}}}@media(max-width:48rem){nav#site-nav{width:100%;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem}nav#site-nav>a{flex:none}nav#site-nav>form#site-search{flex:1 1 100%}}form#site-search{--site-search-gap:0;--site-search-control-min-block-size:2.5rem;--site-search-control-padding-inline:.75rem;--site-search-icon-size:1rem;display:flex;align-items:stretch;gap:var(--site-search-gap);inline-size:min(100%,20rem);max-inline-size:100%;min-inline-size:0;background:var(--site-search-background);&:focus-within{outline:2px solid var(--site-search-focus-outline-color);outline-offset:0}>input[type=search], >button[type=submit]{min-block-size:var(--site-search-control-min-block-size);font:inherit}>input[type=search]{appearance:none;border:0;flex:auto;min-inline-size:0;inline-size:100%;background:var(--site-search-input-background);color:var(--site-search-input-color);caret-color:var(--site-search-caret-color);outline:0;padding-inline:var(--site-search-control-padding-inline);&::placeholder{color:var(--site-search-input-placeholder-color)}}>button[type=submit]{appearance:none;border:0;flex:none;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;padding-inline:.85rem;background:var(--site-search-button-background);color:var(--site-search-button-color);line-height:1;cursor:pointer;&:hover, &:focus-visible{background:var(--site-search-button-hover-background);color:var(--site-search-button-hover-color);outline:0}}>button[type=submit] svg{display:block;inline-size:var(--site-search-icon-size);block-size:var(--site-search-icon-size);fill:currentColor;pointer-events:none}}header#site-header{flex:0;padding:1rem 0;background:var(--site-header-background);>div{max-width:var(--container-wide);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding-inline:clamp(.75rem,4vw,1.5rem)}}@media(max-width:48rem){header#site-header{>div{flex-wrap:wrap;align-items:flex-start}}}div#site-footer-personal-card{text-align:center;p{max-width:80%;text-align:center;margin:1rem auto;text-wrap-style:balance;line-height:1.5}}@media(max-width:48rem){div#site-footer-personal-card{p{max-width:none}}}nav#site-footer-links{display:grid;align-content:center;>ul{list-style:none;display:grid;gap:.75rem;margin:0;padding:0;>li{display:grid;grid-template-columns:minmax(8rem,10rem)minmax(0,1fr);align-items:center;gap:.5rem 1.5rem}}h1{display:flex;align-items:center;justify-content:flex-end;margin:0;text-align:right;line-height:1.25;font-size:.8rem}>ul>li>div{min-width:0}>ul>li>div>ul{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:0;padding:0}>ul>li>div>ul>li{display:inline-flex;align-items:center;line-height:1.25}}@media(max-width:48rem){nav#site-footer-links{>ul{>li{grid-template-columns:1fr;gap:.5rem}}h1{justify-content:flex-start;text-align:left}}}div#site-footer-copyright{padding-top:2rem;text-align:center;margin:auto}footer#site-footer{flex:0;padding:1rem 0;margin-top:2rem;background:var(--site-footer-background);font-size:var(--site-footer-font-size);>div{display:grid;grid-template-columns:1fr 2fr;gap:1rem 2rem;align-items:center;padding-inline:clamp(.75rem,4vw,1.5rem);>div{margin:auto}}}@media(max-width:48rem){footer#site-footer{>div{grid-template-columns:1fr}}}a.media-grid-card{display:grid;text-decoration:none;width:100%;aspect-ratio:2/3;position:relative;overflow:hidden;color:inherit;background:rgba(0,0,0,.18);border:solid 2px var(--media-grid-card-border-color);&:hover{border:solid 2px var(--media-grid-card-hover-border-color)}>*{grid-area:1/1}img{display:block;object-fit:cover;height:100%;width:100%}span{align-self:end;display:flex;align-items:flex-end;min-height:38%;padding:clamp(.75rem,2vw,1rem);background:linear-gradient(180deg,rgba(8,4,15,0) 0%,rgba(8,4,15,.82) 70%,rgba(8,4,15,.96) 100%);font-size:clamp(.95rem,1vw + .35rem,1.1rem);line-height:1.2;text-wrap:balance;text-shadow:var(--media-grid-card-caption-shadow)}}section.media-grid{--media-grid-gap:clamp(0.85rem, 2vw, 2rem);>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:var(--media-grid-gap);align-items:start;&.media-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}&.media-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}&.media-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}>li{list-style:none;min-width:0}}}@media(max-width:70rem){section.media-grid{>ul{&.media-grid-5, &.media-grid-6{grid-template-columns:repeat(4,minmax(0,1fr))}}}}@media(max-width:48rem){section.media-grid{>ul{&.media-grid-4, &.media-grid-5, &.media-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}}}@media(max-width:32rem){section.media-grid{>ul{&.media-grid-4, &.media-grid-5, &.media-grid-6{grid-template-columns:1fr}}}}section.blog-list{ul{list-style:none;margin:0;padding:0;width:100%;>li{>a{display:flex;align-items:baseline;gap:1rem;padding:.5rem;text-decoration:none;>time{color:var(--text-color);font-size:.8rem}span{text-decoration:underline;font-size:1.1rem}&:hover{span{color:var(--link-hover-color)}}}}}}@media(max-width:36rem){section.blog-list{ul>li>a{flex-direction:column;align-items:flex-start;gap:.25rem}}}.component-spotlight{--spotlight-gap:clamp(1rem, 2vw, 2rem);--spotlight-border-color:var(--border-color-strong);--spotlight-border-soft:var(--border-color-soft);--spotlight-surface:var(--surface-1);--spotlight-surface-alt:var(--surface-2);--spotlight-text-color:var(--text-color);--spotlight-muted-color:var(--muted-text-color);--spotlight-title-color:var(--surface-contrast);--spotlight-link-color:var(--link-color);--spotlight-link-hover-color:var(--link-hover-color);--spotlight-title-font:var(--font-title);--spotlight-body-font:var(--font-main);display:grid;grid-template-columns:minmax(0,1.65fr)minmax(18rem,1fr);gap:var(--spotlight-gap);align-items:start}.component-spotlight.component-spotlight-aside-first{grid-template-columns:minmax(18rem,1fr)minmax(0,1.65fr)}.component-spotlight.component-spotlight-aside-first>.component-spotlight-list{order:1;border-inline-start:0;border-inline-end:1px solid var(--spotlight-border-color);padding-inline-start:0;padding-inline-end:var(--spotlight-gap)}.component-spotlight.component-spotlight-aside-first>.component-spotlight-previews{order:2}.component-spotlight>.component-spotlight-previews{display:grid;min-width:0}.component-spotlight>.component-spotlight-previews>.component-spotlight-preview{display:none;margin:0}.component-spotlight>.component-spotlight-previews>.component-spotlight-preview:first-child{display:block}.component-spotlight:has(.component-spotlight-list li:is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview{display:none}.component-spotlight:has(.component-spotlight-list li:nth-child(1):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(1),.component-spotlight:has(.component-spotlight-list li:nth-child(2):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(2),.component-spotlight:has(.component-spotlight-list li:nth-child(3):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(3),.component-spotlight:has(.component-spotlight-list li:nth-child(4):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(4),.component-spotlight:has(.component-spotlight-list li:nth-child(5):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(5),.component-spotlight:has(.component-spotlight-list li:nth-child(6):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(6),.component-spotlight:has(.component-spotlight-list li:nth-child(7):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(7),.component-spotlight:has(.component-spotlight-list li:nth-child(8):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(8),.component-spotlight:has(.component-spotlight-list li:nth-child(9):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(9),.component-spotlight:has(.component-spotlight-list li:nth-child(10):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(10),.component-spotlight:has(.component-spotlight-list li:nth-child(11):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(11),.component-spotlight:has(.component-spotlight-list li:nth-child(12):is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview:nth-child(12){display:block}.component-spotlight-preview-link{display:grid;gap:clamp(.9rem,2vw,1.4rem);text-decoration:none;color:inherit}.component-spotlight-preview-figure{margin:0;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--spotlight-border-color);background:var(--spotlight-surface-alt)}.component-spotlight-preview-figure img{display:block;width:100%;height:100%;object-fit:cover}.component-spotlight-preview-body{display:grid;gap:.75rem}.component-spotlight-preview-body h3{margin:0;color:var(--spotlight-title-color);font-family:var(--spotlight-title-font);font-size:clamp(1.8rem,4vw,3rem);line-height:1.02}.component-spotlight-preview-meta,.component-spotlight-list-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;color:var(--spotlight-muted-color);font-family:var(--spotlight-title-font);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.component-spotlight-preview-summary{margin:0;color:var(--spotlight-text-color);font-family:var(--spotlight-body-font);font-size:1.05rem;line-height:1.6}.component-spotlight-preview-link:is(:hover,:focus-visible) h3,.component-spotlight-list-item a:is(:hover,:focus-visible) .component-spotlight-list-title{color:var(--spotlight-link-hover-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.component-spotlight-list{margin:0;border-inline-start:1px solid var(--spotlight-border-color);padding-inline-start:var(--spotlight-gap)}.component-spotlight-list h3{margin:0 0 1rem;color:var(--spotlight-muted-color);font-family:var(--spotlight-title-font);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.component-spotlight-list ol{list-style:none;margin:0;padding:0}.component-spotlight-list-item{position:relative;margin:0;border-top:1px solid var(--spotlight-border-soft);padding-block:.9rem}.component-spotlight-list-item:first-child{border-top:0;padding-top:0}.component-spotlight-list-item::before{content:"";position:absolute;inset-block:.45rem .45rem;inset-inline-start:0;width:2px;background:0 0}.component-spotlight-list-item:first-child::before,.component-spotlight-list-item:is(:hover,:focus-within)::before{background:var(--spotlight-link-color)}.component-spotlight:has(.component-spotlight-list li:not(:first-child):is(:hover,:focus-within)) .component-spotlight-list li:first-child::before{background:0 0}.component-spotlight-list-item a{display:grid;gap:.55rem;padding-inline-start:1rem;text-decoration:none;color:inherit}.component-spotlight-list-item>.component-spotlight-list-meta{padding-inline-start:1rem}.component-spotlight-list-title{color:var(--spotlight-title-color);font-family:var(--spotlight-title-font);font-size:clamp(1.05rem,1.2vw,1.25rem);line-height:1.15}@media(max-width:68rem){.component-spotlight,.component-spotlight.component-spotlight-aside-first{grid-template-columns:1fr}.component-spotlight>.component-spotlight-list,.component-spotlight.component-spotlight-aside-first>.component-spotlight-list{order:2;border-inline:0;border-top:1px solid var(--spotlight-border-color);padding-inline:0;padding-top:var(--spotlight-gap)}.component-spotlight>.component-spotlight-list ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spotlight-gap)}}@media(max-width:48rem){.component-spotlight,.component-spotlight.component-spotlight-aside-first{gap:1rem}.component-spotlight>.component-spotlight-list,.component-spotlight.component-spotlight-aside-first>.component-spotlight-list{display:none}.component-spotlight>.component-spotlight-previews{gap:1rem}.component-spotlight>.component-spotlight-previews>.component-spotlight-preview,.component-spotlight:has(.component-spotlight-list li:is(:hover,:focus-within))>.component-spotlight-previews>.component-spotlight-preview{display:block}.component-spotlight-preview{border-top:1px solid var(--spotlight-border-soft);padding-top:1rem}.component-spotlight-preview:first-child{border-top:0;padding-top:0}.component-spotlight-preview-figure{aspect-ratio:auto}.component-spotlight-preview-figure img{height:auto}.component-spotlight-preview-body h3{font-size:clamp(1.4rem,8vw,2.15rem)}}section.taxonomy-group{ul.taxonomy-terms{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:0;padding:0;>li{min-width:0}a{min-height:100%;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.75rem;text-decoration:none;border:1px solid var(--taxonomy-term-border-color);background:var(--taxonomy-term-background)}span{min-width:0;text-wrap:balance}small{flex:none;font-size:.8rem;color:var(--taxonomy-term-count-color)}}}@media(max-width:70rem){section.taxonomy-group{ul.taxonomy-terms{grid-template-columns:repeat(4,minmax(0,1fr))}}}@media(max-width:48rem){section.taxonomy-group{ul.taxonomy-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media(max-width:32rem){section.taxonomy-group{ul.taxonomy-terms{grid-template-columns:1fr}}}*{box-sizing:border-box}